threejs 获取group/mesh的大小

最新推荐文章于 2023-04-14 18:07:59 发布
最新推荐文章于 2023-04-14 18:07:59 发布
阅读量2.6k 收藏 6
点赞数
文章标签： three.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mao0523/article/details/123135982
版权

情景：加载的模型大小不固定，我需要在模型下面增加一个平面，平面大小要根据模型设定

问题：如何获取模型的大小

解决：

//mesh:模型
var box = new THREE.Box3().setFromObject( mesh );
var size = box.size();

返回的size包含模型x、y、z三个方向的最大值

啃代码的毛毛虫
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
threejs加载obj文件后如何获取其下的mesh的相对位置,解决位置为{0,0,0}的问题，实现OBJ按自身坐标中心旋转；
qq_39186695的博客
12-17 5401
我在网上查了很久没有详细代码。整理了一下 object.children[0].geometry.computeBoundingBox(); var centroid = new THREE.Vector3(); centroid.addVectors( object.children[0].geometry.boundingBox.min, object.children[0].geome...
ThreeJS加载3D模型
08-09
NULL 博文链接：https://18211103738.iteye.com/blog/2172799
46 Three.js使用THREE.ExtrudeGeometry拉伸SVG为三维图形
现在学习也不晚
12-20 5746
简介 SVG是可缩放矢量图（Scalable Vector Graphics）。它基于XML的标准，用来在网页上创建二维矢量图。该标准是一个所有现代浏览器都支持的开房标准。我们可以使用Three.js的THREE.ExtrudeGeometry来将SVG格式的图形转换成三维图形。 实现方式 首先，将库文件引入到页面当中 <script src="https://johns...
three.js获取模型大小
qq_41960265的博客
02-03 7837
let box=new THREE.BoxGeometry(3,3,3) let mail=new THREE.MeshBasicMaterial({color:0xff6600}) let mesh=new THREE.Mesh(box,mail) //mesh:模型 var box = new THREE.Box3().setFromObject( mesh ); var size = box.size();
Three.js计算模型尺寸
qq_28918357的博客
02-14 3134
Three.js模型尺寸计算代码 代码 const scene = new THREE.Scene() const loader = new GLTF Loader() loader.load(url, (gltf) => { const box3 = new THREE.Box3() box3.expandByObject(gltf.scene) const v3 = new THREE.Vector3() box3.getSize(v3) console.log('size', v3)
Three.js如何计算Mesh的体积
新缸中之脑
07-14 1005
计算Mesh网格的体积是一个相对简单和众所周知的问题。在这个教程中我们将介绍计算Mesh网格对象体积的一般思路、数学依据，给出JavaScript实现代码，并对大量重复对象的体积计算给出优化算法。 1、基础知识 计算Mesh网格体积的基本思路是计算网格中每个三角面对应的体积并将其加起来。一个三角形本身没有体积：它是二维的，因此我们计算从原点 （0，0，0，0） 到三角面的四面体（tetrahedron）的体积。 计算四面体的体积有简洁的方程。给定三角形的点v1，v2，v3的四角体的体积是 另一种解读是
threejs 设置导入的gltf模型的大小
九段刀客的博客
06-19 5090
threejs设置导入的gltf模型大小
threejs-modern-app:全屏Three.js应用程序的样板和工具
05-13
可伸缩的three.js组件结构，其中每个组件都是扩展THREE.Group的类，因此您可以向其添加任何对象。 该类还具有更新，调整大小和指针挂钩。 [阅读更多] 资产管理器可以处理.gltf模型，图像，音频，视频的预加载，...
three.js 入门案例详解
10-18
three.js 的最新版本可以从其GitHub仓库（https://github.com/mrdoob/three.js）获取。下载后，将其引用到HTML文件中，通常放置在`<head>`或`<body>`标签内。通过在控制台输入 `THREE.REVISION` 可以检查是否正确...
d3threejs使用D3和THREEjs实现的CSS3D变换
08-10
例如，如果你想创建3D柱状图，可以先使用D3加载和处理数据，然后创建一个THREE.Group作为容器，将每个柱子表示为一个THREE.Mesh对象，再应用CSS3D变换： ```javascript const data = ... // 加载和处理数据 const ...
three.js手机壳展示
11-07
标题中的“three.js手机壳展示”意味着我们将探讨如何利用three.js库来创建一个手机壳的3D模型，并在Web浏览器中进行互动展示。three.js是一个基于JavaScript的开源库，专门用于构建三维图形，它利用WebGL技术实现在...
JQuery 应用 JQuery.groupTable.js
12-10
我写了个JQUERY 的插件。来实现分组的效果。   图2. 这是一个简单的分组效果，根据表的第一列“Department” 来分组 图3， 也可以对多个列来分组，根据第一列”Department” 和第四列 ”Gender“ 来分组。...
threejs加载模型,实现模型自适应大小
weixin_58737883的博客
04-14 4729
获取最大的尺寸值，也就是模型在三个轴向上的最大值。然后，我们通过除以这个值来计算出每个轴需要缩放的比例。最后，我们将每个轴上的缩放比例应用到模型的。请注意，计算出的比例可能需要根据实际需要进行微调。另外，如果在场景中同时展示了多个模型，需要对每个模型都进行以上的操作。，并获取模型的边界盒。接下来，计算得到获取边界盒的尺寸，然后使用。4.计算出最大的尺寸值，即在三个轴向上的最大值。6.将每一个轴的缩放比例应用到模型的。5.计算出每一个轴需要缩放的比例。方法将其设置为模型的边界盒。加载模型，并获取模型的。
three.js中将group放在一个mesh中
qq_37744843的博客
03-10 945
three.js中将group放在一个mesh中 var box = setFromObject(group); var width = box.max.x - box.min.x; var height = box.max.y - box.min.y; var depth = box.max.z - box.min.z; var bbox = new THREE.CubeGeometry(width, height, depth); bboxMesh = new THREE.Mesh(bbox, new
Three.js改变几何体大小
Rachel_CT的博客
11-16 4985
我们在使用Three.js的过程中可能会面临对原来创建好的几何体改变大小、颜色等属性。这些属性设置可以通过获取到场景中的Mesh，然后根据Mesh中的属性进行相应的设置就行了。但是在进行几何体大小设置时，如我想改变原来创建的一个球体的大小，于是重新设置其半径，在控制台可以看到这个参数是设置成功了，但是球体其实没有改变。 查阅文档发现： 所以设置这个几何体构造器中的属性是没用的。需要对真实的Mesh进行参数设置，即设置Mesh的scale来控制物体大小： mymesh.scale.set(1.
获取物体的实际长宽高
丰空岛主(Vega Prime,Android,LabWindows,ThreeJS,Python,OpenCV）
03-28 1233
以包围盒的方式获取对象的长宽高 /// 以包围盒的方式获取物体的长宽高 void GetObjectLengthWidthHeight(const vpObject *pObj, float &Length, float & Width,float & Height ) { if(!pObj) return ; ...
Three.js层级模型Group
u014291990的博客
11-09 3146
Three.js层级模型Group 本文通过Three.js的一个类Group来介绍Threejs层级模型的概念，如果你对WebGL层级模型已经有一定的概念，直接把重点放在Group的了解上，如果没有层级模型的概念，就借着对Three.js APIGroup的介绍了解下该概念。 这里以一个机器人三维模型来说下层级模型的概念，比如一整个机器人通过一个组对象Group表示，然后一条腿用一个组对象Gro...
THREEJS - 获取场景中模型数据
Kreme的博客
12-09 4329
在一些场景中，我们需要展示场景内的模型数据，如模型的数量、面片数以及顶点数等，下面给大家提供的就是对应的统计函数，在场景加载结束后，传入对应的scene即可： /** * 获取场景内模型数量、顶点数及面片数 * @param {*} view ：需要计算的场景视图即scene */ function getSceneModelFaceNum(view) { let scene = view; let objects = 0; // 场景模型对象 let vertices = 0
[毕业设计]VB.NET网络聊天应用开发及其优化(源代码+论文+开题报告+答辩PPT).zip
最新发布
08-03
[毕业设计]VB.NET网络聊天应用开发及其优化(源代码+论文+开题报告+答辩PPT)
threejs 获取gltf模型的大小
06-01
在Three.js中，获取gltf模型的大小可以通过以下步骤实现： 1. 使用GLTFLoader加载gltf模型文件。 2. 在加载完成后，从模型的场景中获取包围盒（bounding box）。 3. 通过包围盒的min和max属性，可以得到模型的尺寸。 以下是实现的代码示例： ``` // 创建GLTFLoader对象 var loader = new THREE.GLTFLoader(); // 加载模型 loader.load('model.gltf', function (gltf) { // 获取包围盒 var box = new THREE.Box3().setFromObject(gltf.scene); // 计算模型尺寸 var size = new THREE.Vector3(); box.getSize(size); console.log('模型尺寸为：', size.x, size.y, size.z); }); ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

啃代码的毛毛虫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值