扩展组件 Center

关于扩展组件Center使用疑惑

发布于 2025-06-22 12:00:57

项目中有一个需求,当点击到某个对象的时候,相机慢慢推荐,最终将该模型展示在屏幕的中央,类似于定位模型的位置.
不知是否调用Center扩展组件,快速定位到该组件.或者使用其他方式.
看到项目中有提到Center扩展组件,没有看到相关的使用DEMO,请教下该怎么使用.
具体代码如下,
//使用扩展组件Center定位到当前模型
这里该怎么普通代码可以实现.我在相关demo中还看到了使用gaps动画实现.可否帮忙补充下,感谢!

<template>
  <primitive :object="curScene" @click="onClick" />
</template>

<script setup lang="ts">
import { onUnmounted } from 'vue'
import { Resource } from 'PLS/resourceManager'
import { dispose } from '@tresjs/core'
const {scene} = Resource.getItem('bz')
const curScene = scene.clone()

function onClick(ev) {
  if (ev) {
    // 克隆材质并设置新颜色，只影响当前模型
    const newMaterial = ev.object.material.clone()
    newMaterial.color.set('#008080')
    ev.object.material = newMaterial
    //线框模式
    ev.object.material.wireframe = true

    //使用扩展组件Center定位到当前模型
    
    
  }
}

onUnmounted(() => {
  dispose(curScene) 
})
</script>

不知道是否使用该https://gitee.com/ice-gl/icegl-three-vue-tres/blob/master/src/plugins/basic/components/forCientos/Center/index.vue组件就可以实现该效果.
@hawk86104

关注者

0

被浏览

473

1 个回答

地虎降天龙 图形社区官方人员 2025-06-22

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

center这个组件当时是模仿r3f写的
应该在案例中有相关使用的

撰写答案

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

付费查看:

￥清除

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

登录注册新账号

关于作者

dreamstony

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

提问

回答

被采纳

0

关注TA

发私信

相关问题

热门问题

1

UE5中，新建关卡为什么是漆黑一片？如何设置？

2

Cesium展示3D格点数据（原始数据为nc格点数据）进行体绘制渲染思路

3

最近想学习webgl，不知道从哪里入手，请问有什么具体学习路线嘛？

4

webgl怎么添加git动图呢

5

threejs怎么生成antv或者deckgl具有聚合效果的热力图

6

煤矿三维数字点云项目需求

7

cesium绘制路线,然后模型根据路线运动动画

8

Threejs/webgl高级人才招聘

9

视口设置有区别导致帧缓冲的纹理渲染不出来

10

请教一下关于cesium的GIS方面的问题，街道数据的获得

热门标签

shader

WebGL

cesium

threeJS

gis vue3 招聘

模型 TvT 区域场景编辑器

glsl 地图数据 vite 点击事件城市gis 区域编辑器 VUE 绘制点建模 UE5 自定义着色器 vue3-ts-cesium-map-show cesium贴图材质插件 WEBGIS useTresContext goview @tresjs/core texture 实现热力图模型加载报错求助 3d tiles 三维图表 goview组件模型加载需求开发模型获取 javascript html css 集成tvt.js插件子应用 3D算法渲染 base深圳龙华大和

webGPU tvt.js 引入useTresContext报错 .env 学习线路

推荐达人

发呆的石头

发呆的石头

3个答案 0次被采纳

kanz

2个答案 0次被采纳

JesueLike

3个答案 0次被采纳

0个答案 0次被采纳

七个隆咚锵

七个隆咚锵

2个答案 0次被采纳

发布
问题

手机
浏览

扫码手机浏览