threejs如何精确的设置相机位置

以下是关键的代码,并非完整,主要是利用OrbitControls的target属性

import { OrbitControls } from "three/addons/controls/OrbitControls.js"// 引入轨道控制器

camera.lookAt(x,y,z)

new controls=newOrbitControls(camera,renderer.domElement);

console.log("controls.target",controls.target) // 在页面上打印并找出合适的位置,给camera.lookAt(x,y,z)的坐标

controls.target.set(x,y,z) // 与camera.lookAt(x,y,z)保持一致

controls.update() // update()函数会执行camera.lookAt(controls.target)

相关推荐
JarvanMo8 分钟前
10 个能帮你节省大量开发时间的低估 Flutter 组件
前端
去伪存真11 分钟前
公司前端项目ESLint规则集统一化
前端
鹏多多15 分钟前
使用imaskjs实现js表单输入卡号/日期/货币等掩码的教程
前端·javascript·vue.js
w2vmany16 分钟前
postmessage xss初步学习
前端·学习·xss
小张成长计划..1 小时前
前端6:CSS3 2D转换,CSS3动画,CSS3 3D转换
前端·3d·css3
IT_陈寒1 小时前
Vue3性能优化实战:这7个技巧让我的应用加载速度提升50%!
前端·人工智能·后端
西西学代码1 小时前
Flutter---音效模式选择器
前端·html
TLucas1 小时前
Layui连线题编辑器组件(ConnectQuestion)
前端·编辑器·layui
艾小码1 小时前
告别页面呆板!这5个DOM操作技巧让你的网站活起来
前端·javascript
正在学习前端的---小方同学3 小时前
vue-easy-tree树状结构
前端·javascript·vue.js