three.js加载的stl模型的坐标位置(postion)与boundingbox计算的位置不一致怎么办?

three.js加载的stl模型的坐标位置[postion]与boundingbox计算的位置不一致怎么办?

  • 问题原因
  • 问题解决
  • 运用在项目中

问题原因

在处理Three.js中加载的STL模型时,如果发现模型的坐标位置(通过模型的 position 属性获取)通过其 BoundingBox 计算出的位置不一致,这通常是因为模型的原点(原始中心点)和它的几何中心不同步造成的。

问题解决

为了解决这个问题,您可以通过以下步骤来调整模型的位置,使其与 BoundingBox 计算的位置一致:

1.加载模型:首先加载STL模型。
2.计算BoundingBox:使用 Box3 对象来计算模型的 BoundingBox。
3.调整模型原点:基于 BoundingBox 的中心点调整模型的原点。这通常涉及将模型的几何体(Geometry)平移到新的中心点。
4.设置模型位置:根据需要设置模型的 position 属性。

下面是一个简化的示例代码,展示了如何根据 BoundingBox 调整模型的原点:

import * as THREE from 'three';
import { STLLoader } from 'three/examples/jsm/loaders/STLLoader.js';const loader = new STLLoader();
loader.load('path/to/your/model.stl', function (geometry) {// 创建材质const material = new THREE.MeshPhongMaterial({ color: 0x00ff00 });// 创建网格(Mesh)const mesh = new THREE.Mesh(geometry, material);// 计算BoundingBoxconst boundingBox = new THREE.Box3().setFromObject(mesh);// 获取BoundingBox的中心const center = new THREE.Vector3();boundingBox.getCenter(center);// 调整几何体的原点geometry.translate(-center.x, -center.y, -center.z);// 将网格添加到场景中...
});

这段代码首先加载STL模型,计算其 BoundingBox,然后根据 BoundingBox 的中心点调整模型的几何原点。这样,模型的 position 属性设置的位置就会与 BoundingBox 计算出的位置一致。

运用在项目中

const modelCenter = new THREE.Vector3();//计算局部坐标中心点
mesh.geometry.computeBoundingBox();//该行与下面这行是计算模型的中心点
mesh.geometry.boundingBox.getCenter(modelCenter);
mesh.geometry.translate(-modelCenter.x, -modelCenter.y, -modelCenter.z);
//此时,模型的position和bounding坐标都是(0,0,0),就一致了mesh.position.copy(modelCenter);//然后你在将模型的position移动到modelCenter的位置,即可!
  • 解析:
      1. 计算stl模型的BoundingBox的中心坐标
const modelCenter = new THREE.Vector3();//计算局部坐标中心点
mesh.geometry.computeBoundingBox();//该行与下面这行是计算模型的中心点
mesh.geometry.boundingBox.getCenter(modelCenter);
    1. BoundingBox中心坐标减去stl模型的BoundingBox的中心坐标
mesh.geometry.translate(-modelCenter.x, -modelCenter.y, -modelCenter.z);

此时,模型的位置便位于(0,0,0)

    1. postion加上stl模型的BoundingBox的中心坐标
mesh.position.copy(modelCenter);//然后你在将模型的position移动到modelCenter的位置,即可!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/654683.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

防御保护---防火墙的用户认证

文章目录 前言一、pandas是什么?二、使用步骤 1.引入库2.读入数据总结 一.用户认证概述 防火墙用户认证是一种安全措施,用于验证和授权网络用户的身份。它是防火墙的一部分,旨在确保只有经过身份验证的用户才能访问网络资源。 防火墙用户认证…

JDK1.8新特性(Day24)

Lambda表达式 介绍 Lambda表达式是一种没有名字的函数,也可称为闭包,是Java 8 发布的最重要新特性。本质上是一段匿名内部类,也可以是一段可以传递的代码。还有叫箭头函数的... 闭包 闭包就是能够读取其他函数内部变量的函数,比如在java中,方法内部的局…

智慧文旅:打造无缝旅游体验的关键

随着科技的快速发展和消费者需求的不断升级,旅游业正面临着前所未有的变革压力。智慧文旅作为数字化转型的重要领域,旨在通过智能化、数据化手段为游客提供更加优质、便捷、个性化的服务,打造无缝的旅游体验。本文将深入探讨智慧文旅在打造无…

第九节HarmonyOS 常用基础组件17-ScrollBar

1、描述 滚动条组件ScrollBar,用于配合可滚动组件使用,如List、Grid、Scroll。 2、接口 可包含子组件 ScrollBar(value:{scroller:Scroller, direction?: ScrollBarDirection, state?: BarState}) 3、参数 参数名 参数类型 必填 描述 scrolle…

R-YOLO

Abstract 提出了一个框架,名为R-YOLO,不需要在恶劣天气下进行注释。考虑到正常天气图像和不利天气图像之间的分布差距,我们的框架由图像翻译网络(QTNet)和特征校准网络(FCNet)组成,…

spire.doc合并word文档

文章目录 spire.doc合并word文档1. 引入maven依赖2. 需要合并的word3. 合并文档代码4. 合并结果5. 合并产生段落&#xff0c;table样式混乱问题 spire.doc合并word文档 1. 引入maven依赖 <repositories><repository><id>com.e-iceblue</id><name&g…

CH395Q之CH395Q简介(一)

本节主要介绍以下内容&#xff1a; 1、TCP/IP协议栈是什么&#xff08;了解&#xff09; 2、CH395Q是什么&#xff08;了解&#xff09; 3、CH395Q工作命令&#xff08;熟悉&#xff09; 4、CH395Q & W5500 一、TCP/IP协议栈是什么 是一系列网络协议的总和&#xff0…

C语言标准的输入输出

目录 1. 格式化输入输出 2. 控制字符串长度 3. 混合格式化输出 4. 格式化浮点数 5. 格式化日期和时间 在C语言编程中&#xff0c;输入输出格式非常重要&#xff0c;它决定了程序如何向用户展示数据以及如何从用户接收数据。本篇博客将介绍C语言输入输出格式的一些基本概念…

阿里云混合云事业部更名为政企事业部;香港法院向中国恒大发出清盘令;抖音将与周星驰合作开发微短剧;特朗普被指提及对华进口商品加征60%关税

今日精选 • 阿里云混合云事业部更名为政企事业部• 香港法院向中国恒大发出清盘令• 抖音将与周星驰合作开发微短剧• 特朗普被指提及对华进口商品加征60%关税 科技动态 • 33岁女作家用AI写《东京共鸣塔》 获顶级文学奖• 科大讯飞星火座舱荣获第四届《中国汽车风云盛典》…

17. 使用 tslib 库

17. 使用 tslib 库 1. tslib 简介2. tslib 移植2.1 下载 tslib 源码2.2 编译 tslib 源码2.3 tslib 安装目录下的文件夹介绍2.4 在开发板上测试 tslib 3. tslib 库函数介绍3.1 打开触摸屏设备3.2 配置触摸屏设备3.3 读取触摸屏设备 4. 基于 tslib 编写触摸屏应用程序4.1 单点触摸…

打破静态安全扫描工具分析结果孤岛的桥梁-SARIF 详解

目录 SARIF 的产生背景 SARIF 的结构 SARIF 的优势 SARIF 的应用场景 小结 在软件开发过程中&#xff0c;静态分析是保障代码质量的一个重要方法。静态分析工具可以在不运行程序的情况下检查源代码&#xff0c;发现代码中的质量和安全问题。然而不同的静态分析工具可能会产…

强化学习-google football 实验记录

google football 实验记录 1. gru模型和dense模型对比实验 实验场景&#xff1a;5v5(控制蓝方一名激活球员)&#xff0c;跳4帧&#xff0c;即每个动作执行4次 实验点&#xff1a; 修复dense奖励后智能体训练效果能否符合预期 实验目的&#xff1a; 对比gru 长度为16 和 dens…

Mysql-存储引擎-InnoDB

数据文件 下面这条SQL语句执行的时候指定了ENGINE InnoDB存储引擎为InnoDB: CREATE TABLE tb_album (id bigint(20) NOT NULL AUTO_INCREMENT COMMENT 编号,title varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT 相册名称,image varc…

Flink Checkpoint 超时问题详解

第一种、计算量大&#xff0c;CPU密集性&#xff0c;导致TM内线程一直在processElement&#xff0c;而没有时间做CP【过滤掉部分数据&#xff1b;增大并行度】 代表性作业为算法指标-用户偏好的计算&#xff0c;需要对用户在商城的曝光、点击、订单、出价、上下滑等所有事件进…

给信息安全专业想做网络安全方面的人一些忠告

别一直打CTF 打CTF是为了打基础&#xff0c;大概知道一些基础就出来吧&#xff0c;千万不要一直打下去出不来了。简历上实习经历&#xff0c;项目经历以及漏洞成果才能构成一个不错的背景&#xff0c;只有ctf比赛会很尴尬。要知道有些人是py打比赛&#xff0c;面试官知道情况&…

小迪安全24WEB 攻防-通用漏洞SQL 注入MYSQL 跨库ACCESS 偏移

#知识点&#xff1a; 1、脚本代码与数据库前置知识 2、Access 数据库注入-简易&偏移 3、MYSQL 数据库注入-简易&权限跨库 #前置知识&#xff1a; -SQL 注入漏洞产生原理分析 -SQL 注入漏洞危害利用分析 -脚本代码与数据库操作流程 -数据库名&#xff0c…

探索设计模式的魅力:深入了解适配器模式-优雅地解决接口不匹配问题

设计模式专栏&#xff1a;http://t.csdnimg.cn/nolNS 目录 一、引言 1. 概述 2. 为什么需要适配器模式 3. 本文的目的和结构 二、简价 1. 适配器模式的定义和特点 定义 特点 2. 适配器模式的作用和适用场景 作用 适用场景 3. 适配器模式与其他设计模式的比较 三、适配…

K8S搭建(centos)二、服务器设置

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…

网络防御安全知识(第三版)

配置黑洞路由 --- 黑洞路由即空接口路由&#xff0c;在NAT地址池中的地址&#xff0c;建议配置达到这个地址指 向空接口的路由&#xff0c;不然&#xff0c;在特定环境下会出现环路。&#xff08;主要针对地址池中的地址和出接口地址 不再同一个网段中的场景。&#xff09; …

部署个人知识库管理软件 MrDoc详细教程

效果 一、拉取 MrDoc 代码 进入目录&#xff1a; cd /opt开源版&#xff1a; git clone https://gitee.com/zmister/MrDoc.git专业版&#xff1a; git clone https://{用户名}:{密码}git.mrdoc.pro/MrDoc/MrDocPro.git二、拉取 Docker 镜像 docker pull zmister/mrdoc:v7三…