【赏】three.js如何确定3dtile格式的模型的中心点和缩放比例

three.js如何确定3dtile格式的模型的中心点和缩放比例。
有多个3dtile格式的模型(tileset.json + b3dm),请问如何确定合适的比例?即在three.js中如何确定像机的位置和缩放比例?

文章来源地址https://uudwc.com/A/9NmO

在three.js中确定3D模型的中心点和缩放比例通常需要以下步骤:

  1. 加载3D模型。使用three.js的加载器(例如GLTFLoader或者Tileset3DLoader)加载3D模型,并将其添加到场景中。

  2. 计算模型的边界。使用three.js的Box3对象计算模型的边界框(bounding box),可以使用以下代码:

const box = new THREE.Box3().setFromObject(model);

其中,model是加载的3D模型对象。

  1. 计算模型的中心点。使用Box3对象的getCenter方法计算模型的中心点,可以使用以下代码:

const center = new THREE.Vector3();
box.getCenter(center);

其中,center是模型的中心点。

  1. 计算缩放比例。根据模型的边界框和期望的尺寸,计算出合适的缩放比例。例如,如果想让模型在屏幕上显示为一定大小,可以计算出模型的宽度(或高度或深度)并将缩放比例设置为期望的大小与实际大小的比例。可以使用以下代码:

const size = new THREE.Vector3();
box

原文地址:https://blog.csdn.net/feng1790291543/article/details/130963752

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

h
上一篇 2023年06月16日 20:48
uniapp-移动端实现购物车左滑删除的UI和事件处理
下一篇 2023年06月16日 20:48