前期准备 在文章开始大傻首先列举下此次文章主要完成的效果以及使用的技术栈，另代码的地址也会双手给大家呈上

大家好，这里是 CSS 魔法使——alphardex。 粒子动画，指的是许多微粒在某个空间内做出有序或无序的运动，并且颜色大小也能按照一定规律进行改变的动画。而本文要实现的，正是一种粒子按着路径发光移动的效果 答案是：对于每根线，遍历它们所有要动的点，增加它们的下标即可。（注意…

Three.js Three.js是一款运行在浏览器中的 3D 引擎（基于WebGL的API的封装），你可以用它来创造你所需要的一系列3D动画场景。 基本思路 创建基本的元素 创建透明二维矩形并贴图模

从图中大概可以看出以下信息，一个由线组成的无人机模型，一个由粒子组成的无人机模型，那么这些粒子、线都是从一个无人机的gltf模型中提取出来的，无人机模型由很多个小的`Mesh`组成...

本文介绍了四种绘制轮廓线的简单方式。卡通轮廓线很简单，不仅能描边，还能绘制出内部一部分细节。 模板测试轮廓线 ，卷积轮廓线，材质轮廓线

在网上找了很久都没有找到使用Three.js开发3d的免费文章或者免费视频,自己花了一点时间做了一个纯前端的demo。  技术栈都是最新的:vue3+vite+typeScript

本文通过一个简单的3d导航系统引申出一些关于threejs开发过程中遇到的问题，理论比较多，可能有些枯燥，每一个开发中需要注意的点，也有性能优化的小点，都会以标题的方式标注出来。希望能对你有所帮。。。

楼层动画是一个非常常见的建筑拆解效果，实现起来也很简单。实现的路径大概有几种，一种是每层楼都上升同样的距离；另一种是在前面的基础上再做一个抽屉效果，特写某个选定楼层；最后一种效果最好

使用 Three.js 实现 3D 地图，我们只需要了解Threejs实现5步骤，地图的物体形状如何实现，数据怎么获取，数据怎么转换，即可实现一个基础的3D地图来