2D Collision Detection RAYS
forked from user r/ Tsundokuu
by steveow
HTML
<body>
<div id="info"><p>Press The SpaceBar to Check Ray Direction Vectors</p></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r74/three.min.js"></script>
<script>
var scene, camera, renderer, geometry, material, player;
var cubes = [];
var Velx, Vely;
var vbound = [];
var directionVector = new THREE.Vector3(-1,0,0).normalize();
var directionVector2 = new THREE.Vector3(1,0,0).normalize();
var directionVector3 = new THREE.Vector3(0,-1,0).normalize();
var directionVector4 = new THREE.Vector3(0,1,0).normalize();
function init(){
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
geometry = new THREE.BoxGeometry( 1, 1, 1 );
material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
player = new THREE.Mesh( geometry, material );
player.autoUpdateMatrix = false;
scene.add( player );
camera.position.z = 50;
window.addEventListener("keydown", dealWithKeyboard, false);
};
function setBoundary(x){
// vbound 0~8
for (var i = 0; i < x; i ++){
var c = new THREE.Vector2(x,i);
vbound.push(c);
}
//vbound 9~15
for (var i = 0; i < (x+1); i ++){
var c = new THREE.Vector2(i, x);
vbound.push(c);
}
// vbound (-0)~(-8)
for (var i...