最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

用 Three.js Shader 粒子系统手撸一个超级漂亮的星系效果！学习如何在球体和圆盘上设置顶点、如何插值颜色、让粒子运动起来等等！

本文是一次尝试性的创新，代码是作者写的，但是下面的文章内容是把代码扔给AI，让AI写的，作者整理的，感觉比作者之前的文章写的细致，但是有点太细了，不知各位看官是否习惯这样的文章，欢迎大家提意见。

起初角色移动都是通过点A直线移动到点B，但是现在情况不一样了，若将地图网格化处理后，利用Astar寻路算法搭配CatmullRomCurve3，将玩家移动的路线从「直来直往」进化到「平滑过渡」不是梦

本文将使用 threejs 实现 虚拟摇杆遨游星空 的交互，通过本文你能学习到如何的实现虚拟摇杆、粒子效果、按键操控运动等知识，并且内容知识非常简单

本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms的区别，两种着色器材质用法等

前言 课件地址 https://github.com/buglas/threejs-lesson 课堂目标 理解three 开发项目的整体流程 实现三维机房的展示和交互 知识点 图形组件的封装 模型导

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