菜单 搜索

你的娃会长成什么熊样-一个可以生成动画的h5

媒体资源网 http://www.allchina.cn 2019/1/28

为大家带来这样一款H5,甲方爸爸是科大讯飞旗下教育类产品,阿尔法蛋。

从父母的角度出发做一个孩子成长的小测试。

dafba2dd82c42be573bca00e1ae225d.jpg

唯美的插画把用户带入一个童话般的童年,结合题目,让用户站在父母的角度思考孩子的未来。

3c156abcb3c86052e7cc628c6ce2367.jpg

这里重点为大家带来的是一个高效的交互动画实现方案。

00908e911ae0044c335763eb38553c3.jpg

Flash+Createjs

 Flash作为一款adobe的动画制作软件,给H5制作提供了一个非常高效的解决方案。

通常H5交互的技术痛点在于动画和程序交互的结合。

微信图片_20190128182359.png

程序员天生就是跟代码在打交道,所以设计上动画的复现对程序来说是一件很头疼的事。

那么专员做专事,我们把这部分动画的实现工作交给设计和动画师,在flash里面完成制作。

交付给程序,程序再用createjs代码框架调用设计好的动画,完成交互部分。

1548676268.png

这样我们就可以把大量的动画压缩到几张图片的大小。

So让我们一起体验一下,Flash+Createjs的H5

提示:这个H5的亮点“生成自己的故事动画”,被甲方完美的隐藏了,请君探索吧。