基于webGL和HTML5的网页3D动画的设计与实现.pdf

ISSN 1009-3044 E-mail: .cn
第卷第期年月第卷第期年月电脑知识与技术
7 28 (2011 10 ) Com7puter K28nowledge(2011and Techno10logy 电脑知识) puter Knowledge and ology
, , October 2011. Tel:+86-551-5690963 5690964
基于 webGL 和 HTML5 的网页 3D 动画的设计与实现
谭文文,丁世勇,李桂英
(山东科技大学,山东青岛 266071)
摘要:该文介绍了 webGL 如何把 JavaScript 和 OpenGL ES 结合在一起,对网页中的三维可视化图像进行实现,讲述了基于 we-
bGL 和 HTML5 的应用程序回调函数的具体用法与实现,并通过具体的应用实例验证了设计的正确性。
关键字:webGL;JavaScript;OpenGL ES ;HTML5
中图分类号:TP311 文献标识码:A 文章编号:1009-3044(2011)28-6981-03
Web-3D animation Design and Implementation Based on webGL and HTML5
TAN Wen-wen, DING Shi-yong, LI Gui-ying
(Shandong University of Science and Technology, Qingdao 266071, China)
Abstract: In this paper,it introduces how bines JavaScript with OpenGL ES for the web of 3D visualization image. It tells
the specific usage and implement based on the application callback functions of webGL and HTML5 ,and shows the correctness of the de-
sign through an application example.
Key words: webGL; JavaScript; OpenGL ES ; HTML5
WebGL 是一种 3D 绘图标准,这种绘图技术标准允许把 JavaScript 和 OpenGL ES 结合在一起,通过增加 OpenGL ES 的
一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里
更流畅地展示 3D 场景和模型了, 还能创建复杂的导航和数据视觉化。显然,WebGL 技术标准免去了开发网页专用渲染插件的麻
烦,可被用于创建具有复杂 3D 结构的网站页面,甚至可以用来设计 3D 网页游戏等等。
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经