three.js中实现相机在当前位置向左向右(沿着y轴方向)进行原地旋转
分类:计算机 | 三维开发 | 基础理论 | 综合 725
更新:2022-12-10 16:00:27编辑
方法1
参考资料:https://blog.csdn.net/ningfeng8899/article/details/108419961
在渲染函数中使用如下方法:
_this.camera.rotateY(0.001);
可以实现镜头的左右旋转,
方法2
在three.js的PointerLockControls.js中发现的一种方法,代码稍微多些,目前是在three.js的PointerLockControls模式下才生效,还需要再深入研究下:
在渲染函数中添加如下代码:
const _PI_2 = Math.PI / 2;
const _euler = new Euler( 0, 0, 0, 'YXZ' );
var movementX=-5; //鼠标在x方向上的偏移量
var movementY=0; //鼠标在y方向上的偏移量
_euler.setFromQuaternion( _this.camera.quaternion );
_euler.y -= movementX * 0.002 * 1;
_euler.x -= movementY * 0.002 * 1;
_euler.x = Math.max( _PI_2 - Math.PI, Math.min( _PI_2 - 0, _euler.x ) );
_this.camera.quaternion.setFromEuler( _euler );
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据10961
- 2three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目9509
- 3Microsoft Visual C++ Redistributable是什么,有什么作用?7287
- 4mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)5869
- 5uni-app使用经验—vue页面和html页面如何互相调用接口并传参5489
- 6Intellij IDEA下的版本控制VCS的启用与关闭4922
- 7Spring学习经验—@ResponseBody注解的使用说明4907
- 8Druid异常解决经验—java.sql.SQLException url not set4522
- 9如何用批处理命令(bat脚本)启动和停止windows服务4301
- 10nuxt.js项目中如何添加和使用全局变量4165
- 11解决SpringBoot使用maven下载不了jar包的问题3502
- 12linux中解压tar.gz文件报错“gzip: stdin: invalid compressed data--format violated”3405
- 13nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数3253
- 14在Nuxt.js项目的head中引用外部js文件3095
- 15在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一3072