过去三年内，这种编程语言的使用人数急剧增长。开发人员可以使用这种语言来创建各种改进的内容。随着每一个新版本的发布，HTML通过更好的功能和技术渐渐占据了制高点。

HTML5也逐渐出现在企业们的视线中，以其便捷性，并且能够提供多种功能。例如内置的视觉元素，指定的结构标记，互动的拖放功能等等。

开发人员可以利用这些功能来创建充满吸引力的网站。此外，它还拥有现代浏览器，如Chrome，IE和Firefox的支持。

使用HTML5创建的动画可以使得网站更吸引用户的眼球，从而达成更多的业务。

但是，创建动画是一个耗时且繁琐的过程。（其实网络上搜索出来的动画都花费了HTML5前端工程师很多心血啊！所以不要再吐槽啦！）

为了简化这个过程，现在的市场上有许多可用的HTML5动画工具。既有付费的，也有免费的，都可以帮助你为你的网站创造惊艳的动画。这里我们将列出其中一些必要的HTML5动画工具。

Animatron

使用直观的Animatron编辑器来设计和发布动画和交互内容，这些动画和交互内容可应用于从台式机到移动设备的每个地方。

Blysk

使用你曾经在其他动画工具上的经验，只要一秒钟就可以开始使用Blysk工作——我们都不希望重新发明轮子，这是一个内置于浏览器的优秀工具。

Createjs

这是一个可以使得工作于HTML5 Canvas元素变得容易的JavaScript库。对于创建游戏、生成艺术和其他高度图形化的体验非常有用。

Hippo Studios

Hippani Animator是一款流行的HTML动画工作室。

它可以很容易制作可扩展的交互式动画，复杂的游戏，视频，演示，app和多媒体网站。比其他任何HTML5动画制作软件能发布更多在网页浏览器和设备上。

HTML5 Maker

HTML5MAKER Online Editor支持所有流行的文本过滤器，所以你不需要用Photoshop创建看起来酷的文本。

这里为你提供了大量的图像集合，既可以用于你的项目，也可以改变属性并创建一种惊艳的类似于照片分享的效果。

你可以创造出令人吃惊的转换和缓冲的动画，当然还有时间轴，它允许你完全控制你动画。

Mixeek

这是一款用来设计和运行Web动画和交互的免费应用工具。它基于JavaScript，CSS3和HTML5，它有着轻量级、已使用的特点。

让开发边等更简单一点，是Mixeek。

Mugeda

Mugeda致力于为富媒体内容提供基于云的解决方案。

Mugeda平台，一种在线的基于HTML5的技术，可用来打造专业的HTML5富媒体创意，这些创意可以被部署到如计算机，智能手机，平板电脑和智能电视这样的智能设备。

总结

HTML5使得开发者能为你的网站创建出惊人的动画效果。

这些很棒的动画效果会为你的网站增添更多吸引力。

本文为大家列举了几个千锋教育成都校区HTML5培训学员使用的动画工具，希望有帮助哦~

但是是不是很多学员看到了以上的工具却不会使用呢？小白们，还不快加入我们千锋教育的HTML5程序员大军的队伍？

5工具中，比较常听到的是易企秀这种以APP为主的移动展示工具。这种类型的H5工具，定位为手机PPT的在线展示，操作简单，个人用户较多。

但从功能丰富度和实用性角度，国内属于行业顶尖的是iH5和意派两家，它们具有两个共同的基本特征：

（1）提供HTML5页面的可视化编辑器；

（2）通过电脑端网页在线制作，能一键生成链接。

然而，两者在本质上有所差别，iH5偏向于底层交互，意派偏向于轻度营销。这两个区别表面看上去很简单，背后有什么深意？

·

第1张图：用户的差别

类比图像制作软件，可以简单地概括为：

• iH5：H5界的Photoshop，以企业用户为主；

• 意派：H5界的美图秀秀，以个人用户为主。

从上图可以看出，使用iH5的设计师，主要接受不同规模公司的定制需求，但也有部分个人用户。由于面向底层交互，iH5提供的功能都是基础应用类型的，基本替代了传统上由专业程序员编写HTML5代码的工作，更受企业青睐。因此，使用该工具的设计师一般处于品牌推广团队中，负责成品页面的实现。

使用意派的设计师，大部分接受来自个人或小公司的制作需求，但也有部分企业用户。这种面向轻营销的H5工具，相当于把PPT实现的功能通过在线网页展示出来，交互思路以翻页为主，更适用于个人用户。但由于个人市场目前被易企秀这类更容易上手的APP所占领，意派所占份额实际比较有限。

·

第2-3张图：功能的差别

H5页面制作服务所需组件主要有四种类型：

（1）多媒体：iH5比意派多6个功能；

（2）容器：iH5比意派多6个功能；

（3）数据应用：iH5比意派多7个功能；

（4）特效：iH5比意派多8个功能.

在上图中，标示Epub 360的四个彩色区域表示意派和iH5重叠的组件服务，灰色区域表示iH5独有的组件。

意派在多媒体方面提供的服务与iH5比较接近，但在容器、数据应用和特效三个方面都不及iH5的二分之一。如果只计算意派不具有的组件服务，iH5比意派多27个组件，但由于两种工具部分组件存在交叉现象，从总量上看相差20个。

为什么会产生这样的差距？

·

第4张图：性能的差别

在iH5独有的组件中，具有决定性作用的是“万金油”式的事件（组），能通过逻辑判断为其他组件拓展出无限种可能：

• 手指按住屏幕的时间长短；

• 手势擦除面积的大小；

• 微信录音的开始或结束；

• 数据提交次数是否超限。

上图是iH5在视频组件下添加一个事件时，配套的18种触发条件，表示能为视频做18种逻辑判断。

是否使用事件机制，对工具性能有很大影响——

（1）通过事件，iH5的设计师能对交互行为进行逻辑判断，并设计各种各样的反馈动作，比如设置视频播放到某一时刻时弹出广告。因此，用户能利用事件的组合，规定成千上万种“如果……就……”的反应情形。

（2）没有事件，所有的组件都是割裂的，比如视频的播放只能局限在视频组件内部进行控制。这也导致意派有很多组件存在重复功能，因为每个组件的反馈机制基本是独立的。

在事件的帮助下，设计师可以实现很多传统上必须程序员介入才能完成的交互逻辑。既然事件那么重要，为什么国内H5工具中只有iH5使用事件机制？

·

第5张图：结构的差别

实际上，iH5和意派的差别取决于工具结构上的差异：

• iH5：使用“对象树”管理资源，页面作为众多资源的一种；

• 意派：使用页面布局，主要提供基于页面的翻页交互。

下图为两个工具的编辑界面。

iH5以交互作为出发点，采用DOM（文档对象模型）结构，提供的组件基本是对象类型的，诸如屏幕、时间轴、数据库等。因此，用户能通过“对象树”对不同类型的组件进行管理，这也是事件机制可行的基础。

意派则以模板作为出发点，采用页面结构，提供的组件基本是模块类型的，诸如相册、计时器等。实际上，这种工具相当于收集不同类型HTML5网页模板的源码，把它们拆解成不同模块，再分别开发成套件。因此，用户只能在预设格式的套件内调整内容，拓展性较低。

·

第6张图：成本的差别

从费用上来看，两种工具的使用成本也有所差异：

• iH5：所有组件的使用均免费，对4种服务按需收费；

• 意派：7个组件的使用需要付费，对12种服务收取年费。

意派将账号分为体验版、基础版、专业版、企业版和企业增强版五种类型，在作品创建数量、存储空间、表单、数据应用等基础功能上均有限制，并对加载LOGO等服务进行收费，年费最高达59999元。

iH5对自定义微信授权、自定义LOGO加载、调用第三方JS函数和作品嵌入第三方网站四种主要用于企业的服务进行收费，其中微信授权费用为1元/月，所有增值服务按年计最高为12012元，为意派的五分之一。

·

虽然iH5和意派均提供基于云端的可视化编辑服务，但通过用户、功能、性能、结构、和成本五个方面的对比，可以看出两者还是存在很大区别。

简单地说，意派属于轻度营销类H5工具，是通过利用HTML5的跨平台特性，把传统的离线PPT转换为在线展示；而iH5是以交互为思路的基础工具，能最大程度地取代程序员在网页设计中的角色。

的一生，能有多少个10年？

几岁，有些懵、有些懂；

10多岁，以为整个世界很快都是自己的；

20多岁，才知道自己一直在为别人活着；

30多岁，“理想”两个字，可以变得很轻，也可以变得很重。

如果你愿意停下来，留出不到3分钟的时间，可以听听这个人最近10年是怎么过来的——他是iH5的创始人孟智平，大家叫他老孟。

2017

——“反正你也不是第一次创业了。”

对面的人笃定地说。

——“这是我第一次创业。”

老孟平静地应答，空气扬起一阵干笑声。

同样30多岁、在数字营销界小有名气的李三水，已经混遍中药厂、书店、饭店、时装店、瑜伽馆、淘宝店等各行各业，W甚至是他进的第四家广告公司了。

而这个被大家亲切地称作“老孟”的人，却把一门心思都放在iH5——这个他酝酿了整整10年的产品上。从他决定要做这样的一件事，到他从瑞典辞职归国，再到他在北京、上海、广州、深圳立下根据地，一路没有回头。

距离iH5第三版的公布，还有不到5天。

这三个版本，可以理解成Windows 98、Windows XP和Win 10的区别。微软系统的更新迭代，是个人计算机一步步抢占全球市场的体现；而iH5的更新迭代，又和HTML5网页在互联网的奋斗史并驾齐驱。

但中间也会经历各种被质疑、再洗牌、离离合合的波折。

2006

那是国内互联网刚兴起视频热的时候，优酷、土豆、酷6还在萌芽，百度、腾讯还没进军视频市场，也没有H5这个说法。对大部分人来说，能在网上看视频就很稀奇了。

一次，老孟看到视频里的女孩提着个漂亮的包，就想：它是什么牌子？多少钱？在哪里能买得到？

现在我们知道iH5可以快速生成这样的交互视频，你用鼠标一点手提包，就能弹出商品介绍。但当时没人给他答案，他只能自己死命钻研。

你肯定想象不到，这时的老孟在国外过着早上10点上班，下午4点下班的生活——他闲着没事还可以去湖边钓鱼。

那是2006年，他是瑞典爱立信的项目负责人，衣食无忧、有娱有乐。而同样是这一年，他申请到第1个视频交互的专利。

1年后，他辞了职。在3年前一场演讲中，他解释原因：

“过早地步入了晚年生活，我不甘心这样。”

2007~2008

“我辞职了。”这天，李斌接到一通越洋电话，挂下电话后一直难以平静。

电话是老孟打过来的，当老孟决定回国实现自己的想法时，第一时间想到的就是拉这个大学时期的舍友入伙——

数理物化生全才，小学完成高数、微积分等大学课程，高中参加Linux系统的开源工作，大学就带领国际团队开发Linux。

李斌当场同意。

于是，两人开始在上海落脚，很快研究出视频交互的技术方案。但因为想法太超前，很多视频网站并不理解这种新兴概念，融资极为困难。

只消半年，他们就把自己的积蓄花完了。

2007年，老孟去了趟西藏，在墨脱无人区徒步穿行。这是一个被很多驴友称为“鬼都不去的地方”，有世界第一深的大峡谷、全球最北的热带森林、还有雪山泥沼，最缺的就是人。

（老孟在墨脱，他所在的峭壁底下就是雅鲁藏布江）

这次接近死亡的体验，让他体会很深：“使坚持一件事情更容易些，不容易被别的事情打断，不容易走偏。”

回来后，他注册了一家公司，世云多媒体。

2009~2011

本来，老孟一心想做的是视频交互；但当他深入研究这门学问时，意识到其实文字、图片、音频、视频等等，所有网页里的东西都可以用来交互。

于是，他们把这个东西越做越底层，最后演变成了一个工具。他只用六个字形容那段时期：“根本停不下来”。

到2009年，云计算的概念进入人们视野。

这时，老孟意识到他和李斌捣弄了两年的这个东西，其实可以走得更远。基于互联网提供专业的在线服务，可能是未来的发展趋势。

老孟的目标是做一款具备长期价值的工具，像PS和Office一样，成为很多人必不可少的帮手，而不是昙花一现的快消品。于是，他狠下心没让它面世，而是几乎从头开始研发，直到做出一套独立的交互引擎。

这套引擎支持用Flash进行交互。当时，Flash是多媒体领域无人撼动的巨头，风行二十年，只有乔布斯敢炮轰它封闭、有安全风险、耗能大。

但HTML5（第五代超文本标记语言）的出现引起了老孟的注意。他和乔布斯的想法一样，预感到不适于移动端的Flash迟早会被淘汰，就把重心放在当时并不起眼的HTML5上。

谁知道到今天，谷歌、傲游、微软、火狐等各大浏览器都不停地屏蔽Flash，向HTML5倒戈呢？

“我们走得早。”老孟回忆。

2012~2014

现在国内很多H5制作工具的底层架构，用的都是国外开源的引擎，iH5独立研发的交互引擎在其中独树一帜，但过程是异常艰辛的。

2012年，iH5的底层引擎研发完毕，而老孟和李斌拿到了多屏拼接、多点触摸、视频交互等40多个相关的技术专利。

万事俱备，只欠东风。

为了让这套工具完全适应于网页端，并给出一系列配套的东西（作品展示、工具使用文档、教学视频等等），他们又耗了两年。

这时，一个叫《围住神经猫》的H5在全国人民的微信里刷屏，H5开始火了。产品发布的时机成熟，这次老孟没有犹豫，很快就把它推向市场。

历经8年，VXPLO互动大师于2014年9月成功上线。开放注册不到20天，便积累8000多名注册用户，而且留存率高达90%。

当时，iH5的名字是VXPLO互动大师，表示Video（视频）＋Explorer（探索者）。

为了推广产品，平时喜欢宅在家里的老孟开始频频露面：“我被小伙伴派出来，到处去演讲、去参加比赛，除了没让拍电视剧，基本上能做的推广我都做了。”

很快地，公司融到了第一笔正式的资金。

2015~2017

VXPLO上线后，老孟一刻也没有停止研发步伐。

2015年9月，网站全面改版升级，化身为现在大家熟知的iH5，iH5.cn上线了。

新名字简洁好记，而且加入社交元素。你只要点击官网上的作者头像，就可以和设计师实时聊天，瞬间连接起创作者与需求方，成为一个自给自足的生态系统。

时间轴、数据库、变量、720°全景、横幅、面板、图片序列、GIF、重力感应、物理引擎……这些名词很多人是在接触iH5后才听说的，但你可能不知道在这段期间，它又进入了第3版工具的研发。

历经3年，新版工具基本研发完成。

用“惊艳”两个字形容这款产品，一点也不夸张。

为了不剧透，这里不会和你具体说明新工具的革新之处。但可以告诉你的是：

你现在能做出非常复杂的游戏，比如泡泡龙、消消乐、斗地主、三国杀、赛车游戏等；能设计各种各样的应用系统，比如听歌软件、购物软件、论坛应用等等；退一步说，你还可以用它开发一个易企秀。

期待吗？

现在你登录iH5的官网，会发现腾讯、网易、万达、广汽、顺丰等名企，也会看到新京报、澎湃新闻、芒果TV、南方报业、东方卫视等大牌媒体的身影，让人感觉好像它一直那么热闹。

热闹到让人差点不记得，已经过了10年。

下个星期，iH5 3.0全新上线，变得更好看、更好用、也更好玩。

10年是漫长的，长到可以花光一个人一生的信心与勇气；

10年是飞快的，快到可以忘掉过程的乏味和难堪，只留下对热情的追忆。

10年是值得的，只此一生。