李伟_Li慢慢

源码：https://github.com/buglas/shadertoy 1-分段函数的概念 分段函数我们在高中就学了，其定义是：在不同定义域中的集合间有不同的映射规则。 比如下面的函数： 其函数

前言 Shader Toy 就是着色玩具的意思。 在Shader Toy的官网里，大家可以找到许许多多的炫酷案例。 Shader Toy 存在的意义，除了好玩、好看，还可以成为许多实战、创新项目的算法

坐标系可以分成坐标轴和坐标栅格两部分来绘制。 我们可以基于之前说过的投影坐标系绘制绘图。 1-坐标轴 因为投影坐标系的原点就在画布中间，所以我们可以根据坐标距离原点的大小来绘制坐标轴。 1.绘制y轴

1-直线 在高中，我们学过斜截式。从中可以知道，直线是一条只有斜率和截距的线，它没有长短和粗细的概念。 当然，我们在绘图时，为了方便观察，会给直线一个宽度。 直线可以通过其点斜式里的斜率和截距来定义，

1-抗锯齿的概念 1-1-锯齿出现的原因 仔细去看，我们之前所绘制的线条上面有许多锯齿： 这是因为canvas画布是点阵图，着色时，又是非黑即白，所以导致其边缘有凌厉的锯齿(aliasing)。 以三

课件地址: https://github.com/buglas/threejs-lesson three.js 的内置几何体大致可分成以下几类： 二维几何体 PlaneGeometry 矩形平面 Ci

2-1-基本概念 BufferGeometry 是所有three.js 内置几何体的基类，通过此基类可以自定义几何体。 BufferGeometry 具备以下重要属性： position 顶点位置 i

前言 课件地址 https://github.com/buglas/canvas-lesson 课堂目标 1.掌握上下文对象的状态的管理方法。 2.可以灵活使用变换操控图形。 知识点 1.上下文对象的

前言 课件地址 https://github.com/buglas/canvas-lesson 课堂目标 1.理解合成的原理。 2.可以灵活熟练的合成图像。 知识点 1.透明度合成 globalAlp