Hello, WebGL

Catalogue

这是一个WebGL Hello World。

关于博客引用自己的js代码:使用<script type="text/script" src="myjs.js"></script>,放在页面的正文里即可(最好放在<!-- more -->的后面)。但现在还不知道如何载入自定义的样式表——尤其某些样式只是在某些博文里做演示用的时候。也不清楚如何写模板,从而可以使用<style type="text/css"></style>来自定义一些样式。

值得注意的是,three.js 已经包含了对 requestAnimationFrame 的封装。因此,暂不必考虑其浏览器的差异性问题。

CSDN博客上也有极为详细的入门例子及代码解释,见 CSDN: WebGL库Three.js入门

不知道是从Three.js直接学起好呢,还是先学习WebGL,再学习库。保存一个资源链接:learningwebgl.com,以及相应的中文翻译网站:WebGL中文教程

###iPad4 iOS7下Safari运行效果

手指在滑动页面的时候,动画是停止的。

###参考资料
three.js

纹理贴图参考:《HTML5游戏编程核心技术与实战》

###效果演示

Share