[SVARAI]

Вот сижу и думаю, как сделать так, чтобы при изменении угла поворота корабля, он летел относительно этого угла. Пишу я это все на Three js.
При изменении этих двух углов корабль может лететь в любых направления, но как бы не так... В теории.

x+=Math.sin(angle)*speed+Msth.sin(angle2)*speed
y+=Math.cos(angle)*speed
z+=Math.cos(angle2)*speed

Я понимаю, что здесь все через ***, но все же... В three js вообще все по другому, странная система координат. Для 2Д я такое делал таким образом:

x+=Math.cos(angle)*speed;
y+=Math.sin(angle)*speed;

Но ни как не могу придумать, как прикрутить сюда третью ось... Помоги пожалуйста)
Вот код:

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 20000);

var light = new THREE.PointLight( 0xffffff, 1, 2000 );
light.position.set(0,0,0);scene.add( light );

var x = 0, y = 0, z = -500, speed = 0, angle = 0, angle2 = 0;

var geometry = new THREE.CylinderGeometry( 4, 15	, 100, 6 );
var material = new THREE.MeshLambertMaterial( {color: 0xffffff} );
var cylinder = new THREE.Mesh( geometry, material );
scene.add( cylinder );

var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
renderer.shadowMapEnabled = true;
renderer.setClearColorHex( 0x00000, 1 );

var render = function () {
	requestAnimationFrame(render);
	renderer.render(scene, camera);
	switch (key){ 
		case 38: angle2+=0.1; break;
		case 40: angle2-=0.1; break;
		case 37: angle+=0.1; break;
		case 39: angle-=0.1; break;

		case 90: speed-=0.5; break;
		case 88: speed+=0.5; break;
	}
	light.position.set(camera.position.x,camera.position.y+3,camera.position.z-3);

	cylinder.rotation.z=-angle;
	cylinder.position.set( x+=Math.sin(angle)*speed*2, y+=Math.cos(angle)*speed, z );
};
document.onkeydown = keyDn; document.onkeyup = keyUp; key=0;
function keyDn(e) {key = e.which;console.log(key)}
function keyUp(e) {key = 0;}
render();