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)

相关推荐
How_doyou_do8 分钟前
样式冲突修复组件
前端·javascript·html
IT_陈寒12 分钟前
SpringBoot实战:这5个高效开发技巧让我节省了50%编码时间!
前端·人工智能·后端
isixe12 分钟前
Uniapp IOS 和 Android 下的文件写入用户目录
前端·uni-app
蓝莓味的口香糖18 分钟前
【npm】npm命令大全
前端·npm·node.js
我是天龙_绍18 分钟前
uniapp一个关于自定义导航栏高度计算的问题
前端
彭一19 分钟前
uniapp评论弹窗
前端
**之火23 分钟前
中止 Web 请求新方式 - AbortController API
开发语言·前端·javascript
我有一棵树40 分钟前
如何优雅的布局,height: 100% 的使用和 flex-grow: 1 的 min-height 陷阱
前端·css·html
知识分享小能手1 小时前
微信小程序入门学习教程,从入门到精通,微信小程序页面交互 —— 知识点详解与案例实现(3)
前端·javascript·学习·react.js·微信小程序·小程序·交互
石小石Orz1 小时前
思考许久,我还是提交了离职申请
前端