交互式计算机图形学——基于WebGL的自顶向下方法(第七版)的例子与练习题
Clone or download
Latest commit c9aab21 Jan 18, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
chapter01 add 1.1.7 Jan 16, 2019
chapter02 自动生成30x30的迷宫 Jan 18, 2019
chapter03 remove console.log Jan 17, 2019
chapter04 强迫症对齐目录 Jan 16, 2019
chapter05 强迫症对齐目录 Jan 16, 2019
chapter06 强迫症对齐目录 Jan 16, 2019
chapter07 强迫症对齐目录 Jan 16, 2019
chapter08 强迫症对齐目录 Jan 16, 2019
chapter09 强迫症对齐目录 Jan 16, 2019
chapter10 优化了webpack脚本,支持自动添加例子(添加完需重启npm脚本),补充各章节目录 Jan 16, 2019
chapter11 优化了webpack脚本,支持自动添加例子(添加完需重启npm脚本),补充各章节目录 Jan 16, 2019
chapter12 优化了webpack脚本,支持自动添加例子(添加完需重启npm脚本),补充各章节目录 Jan 16, 2019
common 完成gl绘制的迷宫 Jan 18, 2019
docs 更新文档首页,支持链接到github Jan 18, 2019
scripts 更新文档首页,支持链接到github Jan 18, 2019
src 更新build脚本,生成docs Jan 18, 2019
vendor 🎉first commit Jan 10, 2019
.babelrc 🎉first commit Jan 10, 2019
.eslintignore 提供pointsToBuffer,修改eslintignore Jan 11, 2019
.eslintrc.js 🎨update webpack & add GLHelper Jan 10, 2019
.gitignore Add open-browser-webpack-plugin Jan 16, 2019
LICENSE 🎉first commit Jan 10, 2019
README.md update README Jan 18, 2019
package-lock.json 增加另一版第3章CAD的例子,书中的例子生成凹多边形有缺陷 Jan 17, 2019
package.json 更新build脚本,生成docs Jan 18, 2019
webpack.config.js 修复build脚本,build docs以便于生成github pages Jan 18, 2019

README.md

ICG-WebGL

webgl.group

这是《交互式计算机图形学——基于WebGL的自顶向下方法(第七版)》这本书的每章示例和部分练习题参考实现。

作者官方的示例代码在这里

重构后的代码在线运行

我们将重写官方实例的例子:

  • 重构示例代码,增加必要的注释
  • 使用Babel7
  • 增加练习题参考答案
  • 替换MV.js和MV2.js为gl-matrix
  • 重写部分Utils功能,组织到一个简单的工具库GLHelper中
  • 使用Webpack打包,使用glsl-shader-loader加载shader文件
  • 使用eslint-config-sprite
  • 部分练习提供其他参考实现版本,比如THREE.js实现版本。
  • 增加其他扩展例子实现

欢迎共同学习本教程的同学参与项目,为项目贡献PR。

代码本地运行

npm start

访问 http://localhost:3000

或者也可以独立运行某一章节的例子:

npm run chapter02

上面的命令运行第二章的例子。

License

MIT