threejs 世界坐标系转其他对象本地坐标系方法

发表于2021-07-07|更新于2025-02-19|3D开发WebGL

|总字数:71|阅读时长:1分钟

threejs 世界坐标系转其他对象本地坐标系方法

const v=new Vector3()// 世界坐标系下的坐标
//obj 待转的对象
const _m1 = new Matrix4()
const position = v.clone()
obj.updateWorldMatrix(true,false)
_m1.copy(e.matrixWorld).invert()
position.applyMatrix4(_m1)
// position为相对与obj的本地坐标系的坐标

文章作者: houxiaozhao

文章链接: https://cdtools.click/2021/07/07/threejs 世界坐标系转其他对象本地坐标系方法-threejs世界坐标系转其他对象本地坐标系方法/

版权声明: 此文章版权归houxiaozhao所有，如有转载，请注明来自原作者

JavaScript WebGL Three.js 3D开发坐标系转换矩阵变换 3D数学图形编程

相关推荐

Three.js高效实现点与圆柱体碰撞检测的数学原理与实践

threejs 检测点是否在圆柱体内在 threejs 文档里没有找到相关方法检测思路：把全局坐标系下的点坐标转为圆柱体的相对坐标判断点坐标(x,z)是否在(0,0)为中心圆柱的半径为半径的圆内判断点坐标的 y 的绝对值是否大于圆柱高度的一半 1234567891011121314//v:待检测点//obj:圆柱const position = v.clone();obj.updateWorldMatrix(true, false);const _m1 = new Matrix4();_m1.copy(e.matrixWorld).invert();position.applyMatrix4(_m1);// console.log(position)const parameters = obj.geometry.parameters;// console.log('待检测圆柱', parameters)const v2Center = new Vector2(position.x, position.z).distanceTo(new...

JavaScript 3D空间计算：实现点到圆柱体的碰撞检测算法

https://www.flipcode.com/archives/Fast_Point-In-Cylinder_Test.shtml 123456789101112131415161718192021222324252627282930313233343536373839404142434445function cylTest(pt1, pt2, radius, testpt) { let dx, dy, dz; // vector d from line segment point 1 to point 2 let pdx, pdy, pdz; // vector pd from point 1 to test point let dot, dsq; let length_sq = Math.pow(pt1.x - pt2.x, 2) + Math.pow(pt1.y - pt2.y, 2) + Math.pow(pt1.z - pt2.z, 2); let radius_sq = Math.pow(radius, 2); dx = pt2.x...

JavaScript 3D立方体碰撞检测：基于向量运算的点位判定算法

立方体由 p0,p1,p2,p3 定义 1234567891011121314151617181920212223242526272829303132333435class Vector3 { constructor(x = 0, y = 0, z = 0) { this.x = x; this.y = y; this.z = z; } sub(v) { this.x -= v.x; this.y -= v.y; this.z -= v.z; return this; } dot(v) { return this.x * v.x + this.y * v.y + this.z * v.z; }}function boxTest(p0, p1, p2, p3, pv) { const i = p1.sub(p0); const j = p2.sub(p0); const k = p3.sub(p0); const v =...

API安全防护：接口签名验证与防重放攻击实现

为了保证 api 接口安全，防止数据被篡改，需要设计 api 签名机制。以下为签名过程接口签名算法1. 获取参数一共 4 部分的参数 path query body 时间戳 {timestamp} 随机字符串 {nocestr} 2. 合并参数，然后排序(body 中可能嵌套多层 json,需要递归对对象属性排序，数组的顺序不变)3. 对上一步对象转为字符串，然后 md5 加密4. 再用用户 token 为 key，对 md5 加密后的字符串用 hmacSHA512 加密得到 sign5. http 请求 header 中添加 sign、timestamp、nocestr前端签名实现如下12345678import hmacSHA512 from "crypto-js/hmac-sha512";import md5 from "crypto-js/md5";const timestamp = +new Date();const nocestr = generateNoceStr();const data =...

Vue.js与Cordova构建混合应用：从环境搭建到插件集成

准备开发环境前端开发环境 Node.js LTS @vue/cli cordova yarn 推荐编辑器 VS code(墙裂推荐) 各种插件 Android 环境（需要编译 Android 软件）安装 JDK 设置环境变量安装 SDK?Android Studio - 设置环境变量https://blog.csdn.net/pupilxiaoming/article/details/77801398 ###项目搭建使用脚手架生成基础项目 cordova 项目 cordova create demo cordova platform add android cordova run android 目录结构 www 存放网页代码 plugins 插件 platforms 平台 res 资源调试chrome://inspect/#devices vue 项目 vue create demo yarn npm run serve 目录结构 public 静态资源 src 源码安装一个 UI 框架...

Node.js 错误处理实用指南：Promise与Async/Await最佳实践

Node.js 错误处理最佳实践使用 Promise 捕获错误123456789101112131415161718192021222324let func = function (n) { return new Promise((resolve, reject) => { resolve(n * n); });};func(2) .then(res => { console.log(res); return func(res); }) .then(res => { console.log(res); throw new Error("Error"); }) .then(res => { console.log(res); return func(res); }) .catch(err => { console.log(err); }) ...