使用Three.js中的箭头键围绕对象旋转相机

时间:2012-10-23 21:30:21

标签: javascript three.js perspectivecamera

假设我有一个大的立方体,每个面上都有一些物体(有点像谷歌地图立方体http://www.playmapscube.com/)。我希望能够使用箭头键旋转相机围绕立方体,而不是单独旋转所有对象。

所以左箭头会将相机向左移动,因此立方体会向右转,依此类推。

我看了一遍,并没有找到任何关于用键盘做的事情。

1 个答案:

答案 0 :(得分:4)

根据你的评论,我假设这只是一个数学问题。

使用箭头键更改变量theta的值,然后在渲染循环中执行以下操作:

camera.position.x = 15 * Math.cos( theta );
camera.position.y = 10;
camera.position.z = 15 * Math.sin( theta );

camera.lookAt( scene.position );