WebGL实践

变换

• 顶点着色器加减平移
• glmatrix 矩阵平移
• 2D 旋转
• 3D 旋转
• 顶点着色器缩放
• glmatrix 矩阵缩放

投影与摄像机

• 正交投影
• 透视投影
• 摄像机

纹理贴图

• 2D 贴图
• 2D 贴图颜色
• 给立方体加贴图
• 给立方体加动态 Canvas 贴图
• 给立方体加视频贴图
• 帧缓冲贴图

光照

• 平行漫反射光
• 环境光+平行漫反射光
• 环境光+点光源漫反射光
• 点光源不跟着物体动

全景图与反射

• 全景图
• 反射立方体
• 反射立方体+全景图
• 透明立方体+全景图

交互

• 旋转物体
• 选中物体

其他

• 雾
• 阴影

webgl高级图片滤镜

• 美白效果滤镜
• 对比度效果滤镜
• 模糊效果滤镜
• 美白磨皮效果滤镜
• 柔光磨皮效果滤镜
• lomo风格滤镜
• 素描风格滤镜
• 油画风格滤镜