最近有一个效果看起来很好,想将其应用vue项目中，但是这个效果是普通的html+js的写法实现的，一时不知道如何操作了，我们需要将这个方法导出来使用。
在 Vue 3 和 Vite 项目中，要将一个 JavaScript 文件内的 SphereEarthManager 函数导出供...
yekong
2年前 (2023-07-22)
喜欢
在 Vue 3 和 Vite 中使用 jQuery 需要按照以下步骤进行设置：
安装 jQuery
首先，在你的 Vue 3 项目中安装 jQuery 包。你可以通过 npm 或 yarn 来安装 jQuery。
使用 npm：
npm install jquery
使用 ya...
yekong
2年前 (2023-07-22)
喜欢
通过css实现从左到右的扫光动画效果，可以用在进度条上，让进度条更加酷炫。
动画效果
代码
<div class="xiaoguo">
<span>测试</span>
</div>
<style...
yekong
2年前 (2023-07-21)
喜欢
threejs 3d模型渲染后，我们需要在模型上面添加文字标注，这时候我们需要事先在模型给各个模型命名好，以便于前端开发时根据这个名称或者标识进行后续处理。
threejs模型的命名
我们可以通过blender来给模型调整命名。
前端在渲染的时候，就可以根据模型的名称在对应的模...
yekong
2年前 (2023-07-21)
喜欢
当在 Three.js 中渲染的 3D 模型颜色与建模时的预期颜色不一致时，通常有几个可能的原因：
材质设置不正确：模型在建模软件中使用了特定的材质和纹理，但在 Three.js 中使用了不同的材质，导致颜色不一致。确保在 Three.js 中使用与建模软件中相似或相同的材质...
yekong
2年前 (2023-07-21)
喜欢
如果在 Three.js 中渲染模型后，模型的角度和大小不是你想要的，可能是因为模型的初始朝向和尺寸与你期望的不一致。解决这个问题可以通过调整相机的位置来实现。
在threejs项目中，相机的位置会影响我们看到的模型的大小以及角度，所以如果模型的角度和大小不符合我们的期望，我们只...
yekong
2年前 (2023-07-21)
喜欢
web3d项目开发中，往往会因为3d模型文件过大而出现加载速度过慢的问题，
glb格式的文件要比gltf文件小一些，这里我们可以将gltf格式的3d模型转为glb格式文件，再进行zip压缩处理，前端请求zip再对zip进行解压渲染处理。
可以让建模师帮忙导出为glb格式文件也可以...
yekong
2年前 (2023-07-21)
喜欢
gltf模型加载器 GLTFLoader.js
相机参数根据需要设置
加载gltf的时候，webgl渲染器编码方式设置
引入 GLTFLoader.js
在threejs官方文件的examples/jsm/子文件loaders/目录下，可以找到一个文件
GLTFLoader....
yekong
2年前 (2023-07-21)
喜欢
CSS3D不面向摄像机，场景缩放时，缩小放大跟随着，不被模型遮挡，通过DOM事件点击
CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。 如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换，那么这一渲染器十分有...
yekong
2年前 (2023-07-21)
喜欢
CSS2DRenderer 和 CSS3DRenderer 都是 Three.js 中用于在 Three.js 场景中渲染 HTML 元素的渲染器，它们都可以将 HTML 元素作为 2D 或 3D 的精灵（Sprite）在 Three.js 场景中进行渲染，实现与场景中的 3D ...
yekong
2年前 (2023-07-21)
喜欢
