THREE.DefaultLoadingManager是在使用Three.js库时负责处理加载资源的默认加载管理器。它有几个关键的事件，可以用于处理加载过程中的不同阶段。它提供了四个加载事件，分别是 onStart、onProgress、onLoad 和 onError，每个事件...
2年前 (2023-07-22)
喜欢
requestAnimationFrame 是一个浏览器提供的 JavaScript 方法，用于优化动画的性能。它会在浏览器下一次重绘之前调用指定的函数，从而使动画在刷新率（通常为每秒 60 次）下更加流畅。
在动画中使用 requestAnimationFrame 可以替代传统...
2年前 (2023-07-22)
喜欢
threejs 3d模型渲染后，我们需要在模型上面添加文字标注，这时候我们需要事先在模型给各个模型命名好，以便于前端开发时根据这个名称或者标识进行后续处理。
threejs模型的命名
我们可以通过blender来给模型调整命名。
前端在渲染的时候，就可以根据模型的名称在对应的模...
2年前 (2023-07-21)
喜欢
当在 Three.js 中渲染的 3D 模型颜色与建模时的预期颜色不一致时，通常有几个可能的原因：
材质设置不正确：模型在建模软件中使用了特定的材质和纹理，但在 Three.js 中使用了不同的材质，导致颜色不一致。确保在 Three.js 中使用与建模软件中相似或相同的材质...
2年前 (2023-07-21)
喜欢
如果在 Three.js 中渲染模型后，模型的角度和大小不是你想要的，可能是因为模型的初始朝向和尺寸与你期望的不一致。解决这个问题可以通过调整相机的位置来实现。
在threejs项目中，相机的位置会影响我们看到的模型的大小以及角度，所以如果模型的角度和大小不符合我们的期望，我们只...
2年前 (2023-07-21)
喜欢
web3d项目开发中，往往会因为3d模型文件过大而出现加载速度过慢的问题，
glb格式的文件要比gltf文件小一些，这里我们可以将gltf格式的3d模型转为glb格式文件，再进行zip压缩处理，前端请求zip再对zip进行解压渲染处理。
可以让建模师帮忙导出为glb格式文件也可以...
2年前 (2023-07-21)
喜欢
gltf模型加载器 GLTFLoader.js
相机参数根据需要设置
加载gltf的时候，webgl渲染器编码方式设置
引入 GLTFLoader.js
在threejs官方文件的examples/jsm/子文件loaders/目录下，可以找到一个文件
GLTFLoader....
2年前 (2023-07-21)
喜欢
CSS3D不面向摄像机，场景缩放时，缩小放大跟随着，不被模型遮挡，通过DOM事件点击
CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。 如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换，那么这一渲染器十分有...
2年前 (2023-07-21)
喜欢
CSS2DRenderer 和 CSS3DRenderer 都是 Three.js 中用于在 Three.js 场景中渲染 HTML 元素的渲染器，它们都可以将 HTML 元素作为 2D 或 3D 的精灵（Sprite）在 Three.js 场景中进行渲染，实现与场景中的 3D ...
2年前 (2023-07-21)
喜欢
CSS3DSprite精灵模型面向摄像机，场景缩放时，缩小放大跟随着，会被模型遮挡，可以被射线拾取。
CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。 如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换，那么...
2年前 (2023-07-21)
喜欢
