笔者在前一阵子接触到 `Three.js` 后, 发现了它能为前端 3D 方向带来的无限可能, 正好最近在与朋友重温我的世界, 便有了用 `Three.js` 来仿制 MineCraft 的想法

不管是在三维还是二维，所有物体都是由点构成、两点构成线、三点构成面。那么在 ThreeJS 中绘制一根简单的线的背后又有哪些故事呢，本文将逐一解开。

最近自己做一些threejs项目，总结了一些性能优化的关键点，跟大家分享一下。 6、如果有大量外部模型，一定要结合使用gltf-pipeline与Draco（描述二）。 首先，建议使用gltf或者glb来加载模型。如果有大量外部模型，一定要结合使用gltf-pipeline与D…

各位大家好😊，最近一直在学习 threejs ，在学习过程中不断进步，在将来我会不断完善我的 threejs 案例库，希望能在学习路上帮到大家🌹 接下来为各位介绍的是一个全景看房的demo，我们先上地

现在感觉做前端是真的难 , vue3 ,vite 各种东西不停的冒出来，不学就跟不上时代 ，学了就要考虑重构以前的代码, 想想都头疼 ，但是也没什么办法毕竟落后就要挨打，我们只能不停的前进 😂 ，这篇文章只是总结了常用的功能和方法 ，本人才疏学浅有什么不足的地方还请多多包涵。

Three.js（下面简称 Three） 作为一个 3D 库，不仅减少了我们学习 OpenGL 和 WebGL 的成本，还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知，Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建一个「3D …

|└──── ... |└──── ... |└──── ... 不过这样看还是感觉少了什么……对！面与面之间没有明显的边界，融为了一体。所以我们需要进一步优化这个模型：

遵照这种基本模式，可以在three中转换shadertoy中的着色器代码。 我首先在shadertoy上选了一个看起来很简单的效果，上升气泡。 大概是这个样子的。 短小精悍，非常适合做最初的测试。 然后就是去尝试对它进行改造了。 很简单，只需要做一件事，转换目标的坐标系。 第二…

WebGL 是 HTML 5 草案的一部分，可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用，但极具潜力和想象空间。本文整理自淘宝前端团队的叶斋。