
Three.js
文章平均质量分 77
℡52Hz★
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Three.js贴图加载与环境遮蔽贴图强度设置(五)
在Three.js中,贴图加载与环境遮蔽贴图强度设置是创建逼真3D视觉效果的关键步骤。通过利用Three.js的TextureLoader,开发者可以轻松加载各种纹理贴图,如颜色贴图、透明度贴图以及环境遮蔽(Ambient Occlusion, AO)贴图,从而增强模型的细节和真实感。环境遮蔽贴图特别重要,因为它能够模拟物体表面因光照不足而产生的阴影效果,进而提升场景的深度和立体感。在加载贴图后,调整环境遮蔽贴图的强度是一个至关重要的环节。原创 2025-01-17 14:44:35 · 649 阅读 · 0 评论 -
解析Three.js中几何体是如何构建的--BufferGeometry(四)
BufferGeometry 是高效表述面片、线或点几何体的数据结构,包含顶点位置、面片索引、法线、颜色、UV 坐标及自定义属性,能显著降低向 GPU 传输数据的开销。言简意赅就是BufferGeometry是面片、线或点几何体的有效表述。原创 2025-01-17 09:38:17 · 1090 阅读 · 0 评论 -
Three.js+Vue3+Vite应用lil-GUI调试开发3D效果(三)
GUI,全称Graphical User Interface,即图形化用户界面,它是众多程序,特别是上位机软件中不可或缺的一部分。通过GUI,用户只需进行简单的点击和操作,就能轻松调用底层的复杂代码,极大地提升了使用的便捷性和结果的直观展示性。当我们完成了底层代码的开发后,接下来就可以着手构建一个GUI界面了。这个界面就像是一个精美的包装,它能够将我们的程序功能以更加友好、直观的方式呈现给用户。用户通过GUI,可以轻松地与程序进行交互,无需深入了解底层的复杂逻辑。原创 2025-01-15 17:20:55 · 816 阅读 · 0 评论 -
Three.js+Vue3+Vite物体位移、缩放与旋转(二)
上篇文章中我们阐述了如何创建一个场景,本篇文章中我们继续讲述其他的功能,主要阐述对于物体即几何体的位移、缩放和旋转,另外再额外先补充上篇文章中未书写到的导入轨道控制器,因为本篇讲述的功能可能需要用到这个。原创 2025-01-14 14:00:50 · 353 阅读 · 0 评论 -
Three.js引入轨道控制器报错:THREE.OrbitControls is not a constructor
在前一章我们创建完第一个场景后,为了可以通过鼠标交互来控制相机的旋转和缩放,这里就不得不提到轨道控制器了。原创 2025-01-13 11:39:43 · 1195 阅读 · 0 评论 -
Three.js+Vue3+Vite创建第一个场景(一)
本篇文章主要用于阐述如何在vue+vite创建的项目中引入three.js,从最初始的步骤和流程展开阐述。原创 2025-01-10 10:59:14 · 1169 阅读 · 0 评论