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

标签 javascript three.js perspectivecamera

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

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

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

最佳答案

根据您的评论,我假设这只是一道数学题。

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

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

camera.lookAt( scene.position );

关于javascript - 使用 Three.js 中的箭头键围绕对象旋转相机,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13039589/

相关文章:

javascript - 三个 JS : Load an OBJ, 转换为原点(场景中心)、轨道

javascript - Three.js 添加纹理到 JSON 对象

c++ - 使用 NDC 空间在近平面上投影点

javascript - 单击/取消单击按钮时更改图像

javascript - 在 JavaScript 中使用 ()() 将参数传递给匿名函数

javascript - 如何平移 THREE.PointCloud 对象中的顶点?

c++ - 使用opengl显示3D点

python - 执行透视变形时,如何避免图像的一部分被切割?

满足条件后 JavaScript 超时

javascript - 多个 :not jquery/ajax