目录

WebGL2Fundamentals.org

Fix, Fork, Contribute

WebGL2 State Diagram

WebGL2 State Diagram

基础概念

怎样使用WebGL2
基本原理
如何工作的
着色器和 GLSL 语言
WebGL2 State Diagram

WebGL2 vs WebGL1

WebGL2有什么新内容
迁移WebGL1到WebGL2
WebGLFundamentals.org和WebGL2Fundamentals.org的区别

图像处理

图像处理
进一步处理图像

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

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

三维

三维正射投影
三维透视投影
三维相机
WebGL2 三维矩阵命名

光照

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

组织和重构

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

几何

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

纹理

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

渲染到纹理

渲染到纹理

阴影

阴影

技术

二维

二维 DrawImage
二维矩阵栈
精灵

三维

WebGL2 立方体贴图
WebGL2 环境贴图
WebGL2 天空盒
WebGL2 蒙皮
WebGL2 雾
Picking (clicking on stuff)

文字

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

GPGPU

GPGPU

技巧

最小的程序
Drawing Without Data
Shadertoy
Pulling Vertices

优化

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

杂项

设置和安装
样板
重置画布尺寸
Animation
Points, Lines, and Triangles
Multiple Views, Multiple Canvases
Visualizing the Camera
WebGL2 and Alpha
2D vs 3D libraries
Anti-Patterns
WebGL2 Matrices vs Math Matrices
Precision Issues
Taking a screenshot
Prevent the Canvas Being Cleared
Get Keyboard Input From a Canvas
Use WebGL2 as Background in HTML
Cross Platform Issues
Questions and Answers

参考

Attributes
Texture Units
Framebuffers
readPixels
References

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

有意见或建议? 在GitHub上提issue.

comments powered by Disqus