通过双向绑定改变相机位置?

2 个回答

地虎降天龙 图形社区官方人员 2025-01-07

也许宇宙中最反直觉的真理是，你给别人的越多，你得到的也越多。

第一种方法：
拿到相机然后监控watch 更改：
详见：https://gitee.com/ice-gl/icegl-three-vue-tres/blob/master/src/plugins/digitalCity/pages/depthBufferDiffuse.vue

第二种方法：
通过默认相机监听详见：
1、https://gitee.com/ice-gl/icegl-three-vue-tres/blob/master/src/plugins/simpleGIS/pages/cloundSate.vue
给TresPerspectiveCamera 增加 makeDefault 默认属性
2、https://gitee.com/ice-gl/icegl-three-vue-tres/blob/master/src/plugins/simpleGIS/components/forThreeTile/mapBoxShow2.vue

const { camera, controls, scene, renderer } = useTresContext()
//通过controls来控制摄像头位置
watch(
    () => controls.value,
    (value: any) => {
        if (value) {
            value.target.copy(centerPostion)
        }
    },
)

JesueLike 认证达人 2025-01-07

这家伙很懒，什么也没写！

:position=[...creamPosition]
这样就行了

万重山. 2025-01-07

这家伙很懒，什么也没写！

这样写好像都直接报错

地虎降天龙 2025-01-07

也许宇宙中最反直觉的真理是，你给别人的越多，你得到的也越多。

您这个思路的话应该是这样哈

<TresPerspectiveCamera :position="Pos" />

const Pos = new THREE.Vector3(0, 0, 0)

//动态赋值
Pos.set(1, 1, 1)

但是在修改tres.js的 PerspectiveCamera对象时，可能出现问题因为会关联控制器
所以赋值时都尽量在controls上进行动态修改

JesueLike 2025-01-07

这家伙很懒，什么也没写！

:position=“[...creamPosition]”
报错是没加引号吗creamPosition得是个数组

请登录后再发布评论，点击登录

追加回复

撰写答案

请登录后再发布答案，点击登录

付费查看:

￥清除

1. 如果设定了付费查看，则此回答只有提问者、回答者和管理员可以查看
2. 如果提问者采纳了此回答，则付费查看生效(会员需要支付你设定的费用才能查看)，如果采纳了其它答案，付费查看失效(此时全体可见)
3. 如果提问者在 7 天后仍未采纳最佳答案，则所有付费查看失效(此时全体可见)

登录注册新账号

关于作者

万重山.

这家伙很懒，什么也没写！

提问

回答

被采纳

关注TA

发私信

撰写答案

付费查看:

关于作者

万重山.

相关问题

热门问题

热门标签

推荐达人

通过双向绑定改变相机位置?

撰写答案

付费查看: 设定金额 设定积分

关于作者

万重山.

相关问题

热门文章

热门问题

热门标签

等待解答

推荐达人

付费查看: