1Love_Violet

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

本篇文章古柳将教大家如何在顶点着色器里对长方体的顶点进行不同角度的旋转，从而实现出“扭麻花”般的效果。

本文教大家用GUI控制参数；将 noise 函数的数值转换成颜色，并结合 step、mix 插值颜色、使用 Pantone 年度代表色调色板颜色等做出双色 noise 小球；通过 HSL更好地控制颜色

本篇文章古柳教大家如何在顶点着色器里用 sin、random、noise 等函数对顶点坐标进行偏移从而改变几何体形状，我们将学到如何用几行代码就实现出酷炫的shader动画效果。

本文作为第一阶段片元着色器的最后一篇，将先带大家用前篇文章里讲到的组合方式实现棋盘格效果，会延展到abs取绝对值的操作；另外涉及aastep抗锯齿以及smoothstep平滑插值等等内容。

本篇文章教大家通过 GLSL 内置函数 mix 对颜色进行插值，并重温前两篇文章所学的颜色渐变与突变、重复条纹、圆圈等效果，在此基础上实现彩色插值等效果。

本文将继续结合 GLSL 的内置函数和简单的 sin 正弦函数，教大家利用 uv 做出更多酷炫的效果。

本文古柳将介绍如何利用顶点上的 UV 纹理坐标并结合 GLSL 里几个常用的内置函数来实现一些简单的效果，带大家初步体验 Shader 编程的神奇之处。

正式开启 Three.js Shader 教程，在本篇文章里带大家看看几何体上的顶点属性，介绍下 GLSL 基础、顶点着色器、片元着色器等内容。