/iceWebGL

🧊 WebGL上车指南,带你从零开始体系化学习 WebGL。

Primary LanguageVue

iceWebGL

img.png

这里是 WebGL 零基础上车指南,专注 WebGL 领域,系统全面的学习 WebGL 知识。

👉这里是 线上电子书 地址,文章内容会同步掘金社区发布。

👉戳 目录大纲 快速了解各章节内容!

一、前言

  1. 导读

二、WebGL基础

  1. 初识WebGL
  2. WebGL绘制点
  3. WebGL绘制动态点
  4. 绘制动态颜色点
  5. WebGL绘制线和三角
  6. WebGL绘制基本图形

三、WebGL颜色和纹理

  1. 绘制彩色的三角
  2. 为什么会出现颜色渐变
  3. 实战消除锯齿
  4. 初探纹理图像
  5. 深入纹理细节之FILTER
  6. 深入WRAP和多纹理

四、WebGL二维动画

  1. 会动的三角形
  2. 图形学的数学基础
  3. 用矩阵实战图形变换
  4. 图形的复合变换
  5. 图形的2D动画

五、WebGL三维世界

  1. 打开3D世界的大门
  2. 深入立方体的绘制
  3. 奇妙的相机
  4. 进阶——推导视图矩阵
  5. 实战相机渲染引擎
  6. 正交投影
  7. 透视投影
  8. 粒子动画——实战MVP变换

六、WebGL光照

  1. 初识光照
  2. 环境光的漫反射
  3. 初识点光源
  4. 光照效果与旋转
  5. 逐片元的点光源