Simoon

摘要： THREE.Shape 是 Three.js 中用于创建二维形状的类，通常与 THREE.ShapeGeometry 或 THREE.ExtrudeGeometry 一起使用来生成 3D 几何体（例如挤出或旋转体）。通过 THREE.Shape 定义的形状可以包含直线和曲线，具有强大的灵活性。 基本 阅读全文

摘要： 可精确的复制另一个物体的旋转值和角度（不受局部坐标影响） // 获取 cameraHelper 的世界矩阵 const worldMatrix = this.cameraHelper.matrixWorld; // 同步位置与旋转 this.sensor.position.setFromMatrix 阅读全文

摘要： 查看远程仓库列表 git remote -v 添加另一个远程仓库源 使用 git remote add 命令将另一个远程仓库添加到本地。 git remote add <别名> <另一个远程仓库的URL> 例如，如果另一个远程仓库的 URL 是 https://github.com/username 阅读全文

摘要： 全局切换： nvm alias default 16 nvm use default VSCode / WebStorm 终端特别注意 ⚠️ VSCode 内置终端有时不会加载 .zshrc导致它直接使用系统 Node 20。 解决方式： 在 VSCode 设置里搜索： terminal.integ 阅读全文

摘要： renderer.setPixelRatio(window.devicePixelRatio); 是 Three.js 中的一种优化渲染质量的方法，用于根据设备的像素比调整渲染器的像素密度。 设置渲染器的像素比： setPixelRatio 方法允许你告诉渲染器使用多少像素来渲染画面。 通常情况下， 阅读全文

摘要： 通过计算当前设备的像素比 (devicePixelRatio) 来动态调整纹理的尺寸 const dpr = window.devicePixelRatio; const textureSize = 128 * dpr; 这段代码动态调整纹理大小，以适配设备的像素密度，提供最佳的视觉效果。 text 阅读全文

摘要： // 点击空白处日历切换 useEffect( function () { document.addEventListener('click', clickBody); return function () { document.removeEventListener('click', clickB 阅读全文

摘要： 相关库： comlink worker-loader 主线程： import Worker from 'worker-loader!./worker.js'; import { Loader } from '@/utils/CWThree/Loader/Loader'; // 子线程加载模型 exp 阅读全文

摘要： 用法：包裹请求方法即可控制调取缓存还是请求接口，并且判断缓存时间是否超时来进行数据更新 import { fetchWithCache } from '@/utils/indexedDb'; export const getThreeModel = (ciId) => fetchWithCache( 阅读全文

摘要： 应用场景：需同步获取值的时候，回调方式使用起来比较难受，并且库里内并未提供同步api，此时可使用promise+await将回调方式改为同步执行， 核心：promise+await将回调改为同步调用 const result = await new Promise((resolve, reject) 阅读全文