这是《交互式计算机图形学——基于 WebGL 的自顶向下方法(第七版)》这本书的每章示例和部分练习题参考实现。
作者官方的示例代码在这里。
重构后的代码在线运行
我们将重写官方实例的例子:
- 重构示例代码,增加必要注释
- 使用 Babel7
- 增加练习题参考答案
- 替换 MV.js 和 MV2.js 为gl-matrix
- 使用transform-gl-matrix插件简化 gl-matrix 的 API
- 重写部分 Utils 功能,组织到一个简单的工具库 GLHelper 中
- 使用 Webpack 打包,使用glsl-shader-loader加载 shader 文件
- 使用eslint-config-sprite
- 部分练习提供其他参考实现版本,比如THREE.js实现版本。
- 增加其他扩展例子实现
欢迎共同学习本教程的同学参与项目,为项目贡献 PR。
npm start
或者也可以独立运行某一章节的例子:
npm run chapter02
上面的命令运行第二章的例子。