html如何实现3d动画,基于webGL和HTML5的网页3D动画的设计与实现.pdf

ISSN 1009-3044 E-mail: eduf@

第 卷第 期 年 月

7 28 (2011 10 ) 与技术 Computer Knowledge and Technology 电脑知识与技术

Computer Knowledge and Technology 电脑知识

Vol.7, No.28, October 2011. Tel:+86-551-5690963 5690964

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

谭文文，丁世勇，李桂英

(山东科技大学，山东青岛266071 )

摘要：该文介绍了webGL 如何把JavaScript 和 OpenGL ES 2.0 结合在一起，对网页中的三维可视化图像进行实现，讲述了基于we-

bGL 和HTML5 的应用程序回调函数的具体用法与实现，并通过具体的应用实例验证了设计的正确性。

关键字： ； ； ；

webGL JavaScript OpenGL ES 2.0 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 webGL combines JavaScript with OpenGL ES 2.0 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 2.0; HTML5

是一种 绘图标准，这种绘图技术标准允许把 和 结合在一起，通过增加 的

WebGL 3D JavaScript OpenGL ES 2.0 OpenGL ES 2.0

一个 绑定， 可以为 提供硬件 加速渲染，这样 开发人员就可以借助系统显卡来在浏览器里

JavaScript WebGL HTML5 Canvas 3D Web

更流畅地展示 场景和模型了， 还能创建复杂的导航和数据视觉化。 显然， 技术标准免去了开发网页专用渲染插件的麻

3D