WebGL 简单范例 代码
在上一篇文章,算是很简略地介绍了 WebGL 以及目前能让 WebGL 正常运作的浏览器;而这一篇,就是来写一个最简单的 WebGL 程序了~在这个例子里,就是单纯地在黑底的框框内,画出一个白色的三角型(如右图);基本上是以类似 2D 的模式在画,也不会考虑到 3D 的投影。
不过要先强调的是,要写 WebGL 的话,基本上应该要了解:
JavaScript 与网页的 DOM 的操作
OpenGL ES 2.0 的程序架构
如果对 OpenGL ES 2.0 完全没碰过的话,至少也要对 OpenGL 3.0 或是 OpenGL 2.x + GLSL 有概念才行。
如果都没有的话,建议先去稍微研究一下这些东西,对于学习 WebGL 会比较好。
而对于一个 WebGL 的程序,Heresy 会把他分为三个部份:
HTML 部分,包含要绘制内容的 canvas 组件
WebGL 的 JavaScript 程序部分
上一篇:WebGL入门—主流浏览器设置[ 10-11 ]
下一篇:webmax系列教程1:导航图制作[ 10-11 ]