WebGL练习项目,此项目中得代码来源于各种书籍,网络,和自己的练习。能追溯到源头的都会标注。
- 安装
nodejs环境 - 安装
chrome浏览器 - 运行
npm install安装依赖
《WebGL编程指南》 源码练习 还是按照原书章节目录组织的,用
es6重写了代码,并将所有的例子集中在一起,能在页面手动切换章节,让学习更方便。将shader分离到单独文件,利用webpack的loader动态加载。
- 运行
npm run guide命令会自动打开浏览器,可看到当前章节所有的效果。 - 代码位于
webgl-programming-guide目录。 common/demo.js是所有例子的父类,里面负责创建canvas等一些公共的初始化功能。common/webgl-util.js是shader操作的帮助类,创建program,创建编译shader等。common/matrix4.js封装的矩阵运算。vector.js封装了向量运算。