BoxGeometry 是 Three.js 中的一个基本几何体(Geometry),用于创建一个立方体或者长方体。
在 Three.js 中,要创建一个 BoxGeometry,可以使用以下代码:
// 创建一个 BoxGeometry
var width = 1; ...
2年前 (2023-07-23)
喜欢
THREE.DefaultLoadingManager是在使用Three.js库时负责处理加载资源的默认加载管理器。它有几个关键的事件,可以用于处理加载过程中的不同阶段。它提供了四个加载事件,分别是 onStart、onProgress、onLoad 和 onError,每个事件...
2年前 (2023-07-22)
喜欢
requestAnimationFrame 是一个浏览器提供的 JavaScript 方法,用于优化动画的性能。它会在浏览器下一次重绘之前调用指定的函数,从而使动画在刷新率(通常为每秒 60 次)下更加流畅。
在动画中使用 requestAnimationFrame 可以替代传统...
2年前 (2023-07-22)
喜欢
最近有一个效果看起来很好,想将其应用vue项目中,但是这个效果是普通的html+js的写法实现的,一时不知道如何操作了,我们需要将这个方法导出来使用。
在 Vue 3 和 Vite 项目中,要将一个 JavaScript 文件内的 SphereEarthManager 函数导出供...
2年前 (2023-07-22)
喜欢
在 Vue 3 和 Vite 中使用 jQuery 需要按照以下步骤进行设置:
安装 jQuery
首先,在你的 Vue 3 项目中安装 jQuery 包。你可以通过 npm 或 yarn 来安装 jQuery。
使用 npm:
npm install jquery
使用 ya...
2年前 (2023-07-22)
喜欢
通过css实现从左到右的扫光动画效果,可以用在进度条上,让进度条更加酷炫。
动画效果
代码
<div class="xiaoguo">
<span>测试</span>
</div>
<style...
2年前 (2023-07-21)
喜欢
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)
喜欢