在three.js中使用camera.lookAt不起作用的问题
分类:计算机 | 三维开发 | 基础理论 | 综合 791
更新:2022-10-10 22:03:54编辑
1 问题描述
最近在研究three.js,在three.js场景中添加了一个模型,在设置相机的观察点位置时发现设置以后没有效果,代码如下:
camera.position.set(-8,1,0);
camera.up.x = 0;
camera.up.y = 1; //相机以y轴为上方向
camera.up.z = 0;
camera.lookAt(new THREE.Vector3(10,-20,0));
scene.add(camera);
2 问题分析
在网上查了很多资料,发现原来是因为在场景中使用了OrbitControls这个轨道控制器来控制相机,轨道控制器的目标默认为THREE.Vector3(),也就是(0, 0, 0)世界坐标的原点。
设置控件的target属性,会改变相机的lookAt视点,但是修改相机的lookAt是不会影响THREE.OrbitControls的target的,原因是控件的默认目标并不是相机的聚焦点。
3 问题解决
需要通过OrbitControls的target属性代替camera.lookAt来设置相机的观察点位置,如下代码:
controls.target=new THREE.Vector3(0,1,0);
controls.update();
需要注意的是,更改target属性之后,需要调用update方法来更新相机方向,不然不起作用。
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据10886
- 2three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目9450
- 3Microsoft Visual C++ Redistributable是什么,有什么作用?7182
- 4mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)5760
- 5uni-app使用经验—vue页面和html页面如何互相调用接口并传参5438
- 6Spring学习经验—@ResponseBody注解的使用说明4845
- 7Intellij IDEA下的版本控制VCS的启用与关闭4788
- 8Druid异常解决经验—java.sql.SQLException url not set4466
- 9如何用批处理命令(bat脚本)启动和停止windows服务4231
- 10nuxt.js项目中如何添加和使用全局变量4098
- 11解决SpringBoot使用maven下载不了jar包的问题3452
- 12linux中解压tar.gz文件报错“gzip: stdin: invalid compressed data--format violated”3344
- 13nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数3206
- 14在Nuxt.js项目的head中引用外部js文件3043
- 15在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一3020