// Cloned by Mikey Dowling on 8 Feb 2019 from World "captureTheFlag" by tuitef2
// Please leave this clone trail here.
var cam, mesh;
var meshFloor;
var keyboard = {};
var player = { height:1.8, speed:0.5, turnSpeed:0.2}; //to get player position get cam positio
var scene = new THREE.Scene(); //CREATE SCENE
var renderer = new THREE.WebGLRenderer();
function render(){
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
}
function camera(){
cam = new THREE.PerspectiveCamera(90, window.innerWidth/window.innerHeight, 0.1, 1000);
cam.position.set(0, player.height, -5);
cam.lookAt(new THREE.Vector3(0,player.height,0));
}
function ground(){
meshFloor = new THREE.Mesh(
new THREE.PlaneGeometry(200,100,200,100),
new THREE.MeshBasicMaterial({color:0xffffff}));
var gridHelper = new THREE.GridHelper( 200, 20 );
scene.add( gridHelper );
meshFloor.rotation.x -= Math.PI / 2; // Rotate the plane 90 degrees as if you don't do this it'll be like a tv screen.
scene.add(meshFloor);
}
function food(){
mesh = new THREE.Mesh(
new THREE.SphereGeometry(1,1,1),
new THREE.MeshBasicMaterial({color:0xff4444})
);
mesh.position.z += AB.randomIntAtoB(-100,100)
mesh.position.x += AB.randomIntAtoB(-100,100)
mesh.position.y += 1; // Move the mesh up 1 meter
scene.add(mesh);
}
function movement(){
requestAnimationFrame(movement);
mesh.rotation.x += 0.01;
mesh.rotation.y += 0.02;
// Keyboard movement inputs
if(keyboard[87]){ // W key
if (cam.position.x<= 100 && cam.position.x>= -100){
cam.position.x -= Math.sin(cam.rotation.y) * player.speed;
cam.position.z -= -Math.cos(cam.rotation.y) * player.speed;
cam.updateProjectionMatrix();
}
else{
cam.position.x += Math.sin(cam.rotation.y) * player.speed;
cam.updateProjectionMatrix();
}
if(cam.position.z<= 50 && cam.position.z>= -50){
cam.position.x -= Math.sin(cam.rotation.y) * player.speed;
cam.position.z -= -Math.cos(cam.rotation.y) * player.speed;
}
else{
cam.position.z += -Math.cos(cam.rotation.y) * player.speed;
}
}
if(keyboard[83]){ // S key
if (cam.position.x<= 100 && cam.position.x>= -100){
cam.position.x += Math.sin(cam.rotation.y) * player.speed;
cam.position.z += -Math.cos(cam.rotation.y) * player.speed;
}
else{
cam.position.x -= Math.sin(cam.rotation.y) * player.speed;
}
if(cam.position.z<= 50 && cam.position.z>= -50){
cam.position.x += Math.sin(cam.rotation.y) * player.speed;
cam.position.z += -Math.cos(cam.rotation.y) * player.speed;
}
else{
cam.position.z -= -Math.cos(cam.rotation.y) * player.speed;
}
}
if(keyboard[65]){ // A key
// Redirect motion by 90 degrees
if (cam.position.x <= 100 && cam.position.x >= -100){
cam.position.x += Math.sin(cam.rotation.y + Math.PI/2) * player.speed;
cam.position.z += -Math.cos(cam.rotation.y + Math.PI/2) * player.speed;
}
else{
cam.position.x += Math.sin(cam.rotation.y - Math.PI/2) * player.speed;
}
if(cam.position.z <= 50 && cam.position.z >= -50){
cam.position.x += Math.sin(cam.rotation.y + Math.PI/2) * player.speed;
cam.position.z += -Math.cos(cam.rotation.y + Math.PI/2) * player.speed;
}
else{
cam.position.z -= -Math.cos(cam.rotation.y - Math.PI/2) * player.speed;
}
}
if(keyboard[68]){ // D key
if (cam.position.x<= 100 && cam.position.x>= -100){
cam.position.x += Math.sin(cam.rotation.y - Math.PI/2) * player.speed;
cam.position.z += -Math.cos(cam.rotation.y - Math.PI/2) * player.speed;
}
else{
cam.position.x += Math.sin(cam.rotation.y + Math.PI/2) * player.speed;
}
if(cam.position.z<= 50 && cam.position.z>= -50){
cam.position.x += Math.sin(cam.rotation.y - Math.PI/2) * player.speed;
cam.position.z += -Math.cos(cam.rotation.y - Math.PI/2) * player.speed;
}
else{
cam.position.z -= -Math.cos(cam.rotation.y + Math.PI/2) * player.speed;
}
}
// Keyboard turn inputs
if(keyboard[37]){ // left arrow key
cam.rotation.y -= player.turnSpeed;
}
if(keyboard[39]){ // right arrow key
cam.rotation.y += player.turnSpeed;
}
renderer.render(scene, cam);
}
function keyDown(event){
keyboard[event.keyCode] = true;
}
function keyUp(event){
keyboard[event.keyCode] = false;
}
function main(){
render();
camera();
food();
ground();
movement();
}
window.addEventListener('keydown', keyDown);
window.addEventListener('keyup', keyUp);
window.onload = main;