最新发布 第170页

完竣世界-关注前端分享心得

threejs

threejs BoxGeometry 参数及使用

threejs BoxGeometry 参数及使用
BoxGeometry 是 Three.js 中的一个基本几何体(Geometry),用于创建一个立方体或者长方体。 在 Three.js 中,要创建一个 BoxGeometry,可以使用以下代码: // 创建一个 BoxGeometry var width = 1; ...

2年前 (2023-07-23) 喜欢

threejs

threejs DefaultLoadingManager 加载事件有哪些?

threejs DefaultLoadingManager 加载事件有哪些?
THREE.DefaultLoadingManager是在使用Three.js库时负责处理加载资源的默认加载管理器。它有几个关键的事件,可以用于处理加载过程中的不同阶段。它提供了四个加载事件,分别是 onStart、onProgress、onLoad 和 onError,每个事件...

2年前 (2023-07-22) 喜欢

threejs

three项目中requestAnimationFrame的作用

three项目中requestAnimationFrame的作用
requestAnimationFrame 是一个浏览器提供的 JavaScript 方法,用于优化动画的性能。它会在浏览器下一次重绘之前调用指定的函数,从而使动画在刷新率(通常为每秒 60 次)下更加流畅。 在动画中使用 requestAnimationFrame 可以替代传统...

2年前 (2023-07-22) 喜欢

vue

vue3 vite项目中如何引用普通的js文件

vue3 vite项目中如何引用普通的js文件
最近有一个效果看起来很好,想将其应用vue项目中,但是这个效果是普通的html+js的写法实现的,一时不知道如何操作了,我们需要将这个方法导出来使用。 在 Vue 3 和 Vite 项目中,要将一个 JavaScript 文件内的 SphereEarthManager 函数导出供...

2年前 (2023-07-22) 喜欢

vue

vue3 vite项目中使用jquery

vue3 vite项目中使用jquery
在 Vue 3 和 Vite 中使用 jQuery 需要按照以下步骤进行设置: 安装 jQuery 首先,在你的 Vue 3 项目中安装 jQuery 包。你可以通过 npm 或 yarn 来安装 jQuery。 使用 npm: npm install jquery 使用 ya...

2年前 (2023-07-22) 喜欢

css

css 进度条扫光效果

css 进度条扫光效果
通过css实现从左到右的扫光动画效果,可以用在进度条上,让进度条更加酷炫。 动画效果 代码 <div class="xiaoguo"> <span>测试</span> </div> <style...

2年前 (2023-07-21) 喜欢

threejs

threejs模型的命名

threejs模型的命名
threejs 3d模型渲染后,我们需要在模型上面添加文字标注,这时候我们需要事先在模型给各个模型命名好,以便于前端开发时根据这个名称或者标识进行后续处理。 threejs模型的命名 我们可以通过blender来给模型调整命名。 前端在渲染的时候,就可以根据模型的名称在对应的模...

2年前 (2023-07-21) 喜欢

threejs

threejs 渲染的3d模型颜色和建模不一致

threejs 渲染的3d模型颜色和建模不一致
当在 Three.js 中渲染的 3D 模型颜色与建模时的预期颜色不一致时,通常有几个可能的原因: 材质设置不正确:模型在建模软件中使用了特定的材质和纹理,但在 Three.js 中使用了不同的材质,导致颜色不一致。确保在 Three.js 中使用与建模软件中相似或相同的材质...

2年前 (2023-07-21) 喜欢

threejs

使用threejs渲染模型后,模型的角度和大小不是自己想要的怎么办?

使用threejs渲染模型后,模型的角度和大小不是自己想要的怎么办?
如果在 Three.js 中渲染模型后,模型的角度和大小不是你想要的,可能是因为模型的初始朝向和尺寸与你期望的不一致。解决这个问题可以通过调整相机的位置来实现。 在threejs项目中,相机的位置会影响我们看到的模型的大小以及角度,所以如果模型的角度和大小不符合我们的期望,我们只...

2年前 (2023-07-21) 喜欢

threejs

threejs 加载渲染压缩后的zip 3D模型

threejs 加载渲染压缩后的zip 3D模型
web3d项目开发中,往往会因为3d模型文件过大而出现加载速度过慢的问题, glb格式的文件要比gltf文件小一些,这里我们可以将gltf格式的3d模型转为glb格式文件,再进行zip压缩处理,前端请求zip再对zip进行解压渲染处理。 可以让建模师帮忙导出为glb格式文件也可以...

2年前 (2023-07-21) 喜欢