基于HTML5和JavaScript轻量型动画框架开发  

Development of a Lightweight Animation Engine Based on HTML5 and JavaScript

作　　者：平淑文 潘珏羽 张学金[1] 杜晓荣[1] 

机构地区：[1]中山大学电力电子与控制技术研究所,广东珠海519082

出　　处：《计算机技术与发展》2013年第12期5-10,共6页Computer Technology and Development

基　　金：广东省高等学校大学生创新实验项目(201002017)

摘　　要：互联网作为一个新兴的媒介,最突出的优势就是图片和动画展示,利用动画引擎可以很方便地实现网页动画显示和制作网页游戏。首先简要介绍了HTML5和动画引擎的概念,及相较于FLASH等现有技术,使用HTML5制作动画的优势所在。然后详细介绍了基于HTML5和JavaScript开发的轻量型动画引擎,从结构和算法方面介绍了滤镜、物理效果、路径设置等具体方法,提出了表单式编程概念。最后简要介绍了利用该引擎制作的动画实例,分别展示了动画滤镜效果和路径动画效果。As a new medium, the most important advantage of the Intemet is the display of pictures and animations. It is very easy to make an animation or webgame with an animation engine. Firstly,introduce the basic concepts of HTML5 and animation engine, and advantages of making animations with HTML5 ,compared with the existing technologies like FLASH. Then introduce the lightweight animation en- gine based on HTML5 and JavaScript in details, describe the structure and algorithms of filter, physical effects, path setting and so on, and propose the concept of form programming. At the end,there are some examples made with this engine, and it shows the effects of anima- tion filter and path animation.

关 键 词：HTML5 轻量型 动画 引擎 

分 类 号：TP311.52[自动化与计算机技术—计算机软件与理论]