随着移动互联网的普及以及移动设备性能的逐渐提高,用户对于更加丰富多彩的网络需求日趋增加。并且由于移动设备都采用最新的浏览器内核,HTML5技术在移动端不再因老旧浏览器而受限,HTML5技术,尤其是HTML5动画获得了极大地发展。虽然目前有许多HTML5动画的工具和框架,但是它们都存在着不同的问题。尤其是在动画驱动方式和对于HTML5两种不同技术(Canvas和SVG)的综合使用上,还有许多需要解决的问题。因此研发一套更加高效和优秀的HTML5动画工具有着重要的理论意义和商业价值。本文将针对这些问题进行研究,提出解决方案,最终设计出一套优质高效的HTML5动画播放引擎,主要工作如下：第一,提出数据驱动的动画开发方式并设计出统一HTML5动画源文件格式ulia (united htm15animation)。格式的设计主要工作分为两部分：第一部分,主要是通过研究其他引擎的动画开发方式,引入了更为优秀的数据驱动动画作为HTML5动画的开发方式；第二部分主要通过分级标签的方式,将uha文件格式的设计结构化,逐级对文件格式进行设计,并将动画不同模块抽象出来,从而降低了整个动画系统内各部分之间的耦合度,增加了结构的可扩展性最后得到一个相对优秀的HMTL5动画数据文件格式。第二,主要工作是在uha文件格式的基础上,对动画播放引擎进行结构设计和功能开发。该分部主要可分为三个阶段：第一阶段通过对uha格式进行进一步的抽象和分解,设计出动画引擎的内存结构框架；第二阶段则是在这个结构框架的基础上,设计相应的类和接口,进而完善了整个引擎；第三个阶段,则分别利用Canvas和SVG技术,具体实现了第二部分的类和接口中相应的功能和方法,从而完成了动画播放引擎的开发。第三,则是利用之前所设计的uha格式和实现的HTML5动画引擎,开发出不同种类的动画来分析播放引擎的性能,并利用分析结果,提出动画模式自适应算法来改善动画播放引擎。这项工作可分为两部分来完成：第一部分主要是设计不同形式的动画,通过观察帧率的方式,对引擎性能进行对比分析；第二部分,则是利用第一部分的数据和结论,设计动画模式自适应算法,实现了引擎自行通过理解不同的动画场景来选择最佳性能的动画模式的功能,从而使Canvas和SVG两种技术得到兼容和统一。