Skip to content

hello-tutorial/hello-webgl

Repository files navigation

WebGL 实验室

WebGL练习项目,此项目中得代码来源于各种书籍,网络,和自己的练习。能追溯到源头的都会标注。

运行环境

  • 安装nodejs环境
  • 安装chrome浏览器
  • 运行npm install安装依赖

【实验1】《WebGL编程指南》(WebGL Programming Guide)

《WebGL编程指南》 源码练习 还是按照原书章节目录组织的,用es6重写了代码,并将所有的例子集中在一起,能在页面手动切换章节,让学习更方便。将shader分离到单独文件,利用webpackloader动态加载。

  • 运行npm run guide命令会自动打开浏览器,可看到当前章节所有的效果。
  • 代码位于webgl-programming-guide目录。
  • common/demo.js是所有例子的父类,里面负责创建canvas等一些公共的初始化功能。
  • common/webgl-util.jsshader操作的帮助类,创建program,创建编译shader等。
  • common/matrix4.js封装的矩阵运算。
  • vector.js封装了向量运算。