1Cr

Fabric.js 作为一个功能强大、操作简单的 HTML5 画布库。尝试学习如何借助它更好地进行 canvas 开发； 以实现创客贴、易企秀、稿定设计这些设计平台的智能抠图功能为例，开发一个在

富文本编辑器相信大家都用过，相关的开源项目也很多，虽然具体的实现不一样，但是大部分都是使用DOM实现的，但其实还有一种实现方式，那就是使用HTML5的canvas，本文会带大家使用canvas简单实现

本篇文章古柳将讲解对 plane 平面偏移顶点时一些需要注意的地方；重新详细讲解下 smoothstep 平滑函数，以及用 smoothstep 来实现在一定区域范围内才生效偏移等内容。

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

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

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

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

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

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