目录

WebGLFundamentals.org

Fix, Fork, Contribute

How to optimize rendering a UI

本课程还没有简体中文版翻译哦 (~￣△￣)~

欢迎参加翻译! 😄 英文原版地址

基础概念

WebGL 基础概念
WebGL 工作原理
WebGL 着色器和GLSL
WebGL State Diagram

图像处理

WebGL 图像处理
WebGL 进一步处理图像

二维平移，旋转，缩放和矩阵运算

WebGL 二维平移
WebGL 二维旋转
WebGL 二维缩放
WebGL 二维矩阵

三维

WebGL 三维正射投影
WebGL 三维透视投影
WebGL 三维相机

光照

WebGL 三维方向光源
WebGL 三维点光源
WebGL 三维聚光灯

组织和重构

WebGL 码少趣多
WebGL 绘制多个物体
WebGL 场景图

几何

WebGL 三维几何加工
WebGL 加载 .obj 文件
WebGL 加载带 .mtl 的 .obj 文件

纹理

WebGL 三维纹理
WebGL 数据纹理
WebGL 使用多个纹理
WebGL 跨域图像
WebGL 纹理映射的透视纠正
平面的和透视的投影映射

渲染到纹理

WebGL 渲染到纹理

阴影

阴影

技术

二维

WebGL 二维DrawImage
WebGL 二维矩阵栈
精灵

三维

WebGL 立方体贴图
WebGL 环境贴图
WebGL 天空盒
WebGL 蒙皮
WebGL 雾
抓取 (点击的东西)

文字

WebGL 文字 - HTML
WebGL 文字 - 二维Canvas
WebGL 文字 - 使用纹理
WebGL 文字 - 使用字形纹理

纹理

Ramp Textures (Toon Shading)

GPGPU

GPGPU

建议

WebGL 最小的程序
无数据绘图
Shadertoy
Pulling Vertices

优化

顶点索引（gl.drawElements)
实例化绘制

杂项

WebGL 设置和安装
WebGL 样板
WebGL 重置画布尺寸
WebGL 动画
WebGL 点、线和三角
Multiple Views, Multiple Canvases
可视化相机
WebGL 和阿尔法通道
WebGL 2D vs 3D 库
WebGL 错误模式
WebGL 矩阵 vs 数学中的矩阵
Precision Issues
截屏
防止画布被清空
在画布中获取键盘输入
将 WebGL 作为 HTML 的背景
WebGL 跨平台相关问题
Questions and Answers

参考

WebGL 属性
WebGL 纹理单元
WebGL 帧缓冲
WebGL readPixels
WebGL 参考

API 帮助文档
TWGL, 一个轻量级WebGL辅助库
GitHub