我的threejs学习笔记（三）——相机旋转

最新推荐文章于 2024-07-26 17:17:19 发布

chenqiong1991

最新推荐文章于 2024-07-26 17:17:19 发布

阅读量1.3w

点赞数

分类专栏：学习笔记 three.js学习笔记文章标签： three-js

本文链接：https://blog.csdn.net/chenqiong1991/article/details/64518642

版权

本文介绍了在Three.js中如何实现相机旋转，通过定义角度变量theta进行相机旋转。同时，作者分享了一个简单的重力模拟方法，利用负重力加速度模拟物体下落，并在达到地面时实现反弹效果。尽管该模拟较为基础，未考虑能量损失和空气阻力等因素，但在视觉效果上已初具形态。

摘要由CSDN通过智能技术生成

写在前面

虽然看起来好像是物体自身在旋转,但确实是相机在围绕场景旋转。
另外，用简单的三个变量实现了重力模拟。

相机旋转方法

 var theta=0;
        var render=function () {
          requestAnimationFrame(render);
          controls.speedY+=controls.gravity;
          controls.posY+=controls.speedY;
          sphere.position.y=controls.posY;
          theta+=0.02;
          camera.rotation.y=theta;
          camera.position.set(5*Math.sin(theta),0,5*Math.cos(theta));
          if(sphere.position.y<=-3){
            controls.speedY*=-1.03;
          };

          renderer.render(scene,camera);
        };