Simoon

摘要： 这是 Canvas 2D API 的一个优化点。 在创建 CanvasRenderingContext2D 时，可以传入一个配置对象： const canvas = document.createElement("canvas"); const ctx = canvas.getContext("2d 阅读全文

摘要： expandByObject与setFromObject的区别： 作用：把当前 Box3 扩大，直到能包住传入 object（以及它所有子节点）的世界空间范围。 签名：box.expandByObject(object: THREE.Object3D): this 特点：是累加（并集），不是覆盖。多 阅读全文

摘要： 查询某一行代码或者某一段代码的演变历史： 1.命令行方法 git log -L <start>,<end>:<file> git log -L 11553,11566:/Users/Simoon/Desktop/项目/src/aaa.js 2.githistory插件 选择某段代码后右键： 你说的 阅读全文

摘要： 📘 three-mesh-bvh 简介 three-mesh-bvh 是一个基于 包围体层次结构（BVH，Bounding Volume Hierarchy） 的加速库，用于提升 three.js 中网格（Mesh）几何体在执行 射线检测（Raycasting） 和 空间查询（碰撞检测、可见性测试 阅读全文

摘要： 场景：three中方向向量运算后相同数值可能会在高精度时有误差，用向量的equals会导致误判，因此可引入容差对比，来规避此问题 function almostEquals(v1, v2, epsilon = 1e-6) { return ( Math.abs(v1.x - v2.x) < epsi 阅读全文

摘要： 方法一： curve.getPointAt(0.5) 曲线方法获取长度为中间时的点位 方法二: 通过点位数据，计算出点位 //计算模型线中点位置 const getModelLineCenterToLabel = () => { let _count = 0; // // 总长度 const _le 阅读全文

摘要： 1. 使用 call 方法 call 方法可以显式地调用一个函数，并指定 this 的指向 function greet(greeting) { console.log(`${greeting}, my name is ${this.name}`); } const person = { name: 阅读全文

摘要： this.simoonModel.matrixWorld.copy(matrix); // 更新位置、旋转、缩放；更新本地矩阵 this.simoonModel.matrixWorld.decompose(this.simoonModel.position, this.simoonModel.rot 阅读全文

摘要： 使用getWorldQuaternion获取模型世界旋转四元数并转化为erluer角时，x、y、z分量可能皆不为0，这种情况下如果只取某个分量的值来进行旋转无法达到目标效果， 原因：欧拉角的x、y、z三个分量相互影响，且容易出现万象锁问题，因此获取世界旋转值时应慎重使用 普通用法：获取模型世界四元数 阅读全文

摘要： getWorldQuaternion：使用四元数获取 // 从模型局部坐标获取正面朝向 const localFront = new THREE.Vector3(0, 0, -1); // 默认正面方向 localFront.applyEuler(model.rotation); // 考虑父级变换 阅读全文