基于WebGL3D动画实时播放系统①.PDFVIP

计 算 机 系 统 应 用 2015 年 第 24 卷 第 11 期 基于 WebGL 的3D 动画实时播放系统① 1 2 1 杨润斌 , 梁文章 , 陈 姝 1(湘潭大学 信息工程学院, 湘潭 411105) 2(广西卡斯特动漫有限公司, 南宁 530003) 摘 要: 由于受到网络带宽及三维动画数据量过大等因素的影响, 三维动画如果要在网络上一次性传输往往需要 花费比较长的时间. 这不仅影响了动画播放的实时性, 同时, 传输过程中数据的不完整也会造成动画播放不流畅. 通过对基于 WebGL 的三维动画实时播放关键技术的研究, 提出模型文件预加载、文件压缩传输等方法, 在有限带 宽的条件下将三维动画内容实时传输到用户端, 利用WebGL 技术实现三维模型的创建和渲染, 并在此基础上实现 三维动画实时播放, 使用户能够直接通过浏览器进行观看, 或参与到场景交互中. 关键词: 三维动画; WebGL; 实时渲染; 文件预加载; 文件压缩传输 3D Animation Real-Time Playing Based on WebGL 1 2 1 YANG Run-Bin , LIANG Wen-Zhang , CHEN Shu 1(College of Information Engineering, Xiangtan University, Xiangtan 411105, China) 2(Guangxi Cast Animation Co. Ltd., Nanning 530003, China) Abstract: Due to the limited network bandwidth and the fact that the 3D animation data are very huge, it will take a long time to transmit the data of 3D animation through network on one time. As a result, it can’t be smoothly displayed in real-time as the transmitted 3D animation data are incomplete. The key technology of WebGL based 3D animation is presented, such as model files preload and transmission of compressed files, et al. Under the condition of limited bandwidth, the proposed approach has the capability to transmit 3D animation content to the client in real time. The 3D model is created and rendered by WebGL, and users can view and interact with the 3D digital animation in high-speed through the browser. Key words: 3D animation; WebGL; real-time rendering; files preload; compressed files transmission 互联网以其快捷、资源丰富、信息共享等特性, 正 WebGL[4]可以为浏览器提供硬件图像加速渲染,借助 成为人们获取信息最重要的途径. 人们对信息获取的 系统显卡, 开发人员可以在浏览器里更流畅地展示 3D 要求不再停留在以前的 2D 页面, 而是越来越趋向于