javascript - 实现在微信上分享h5动画海报？

Question

http://p.maka.im/pcviewer/H8LVMGV0?DSCKID=c37d653d-5e09-4224-a4f4-6433493bf354&DSTIMESTAMP=1455527885383&from=singlemessage&isappinstalled=0

http://static.diditaxi.com.cn/site/pages/2016-01-11/index.html

实现在微信上分享的一些动画效果是不是有模板生成？还是直接用h5来做？(类似微商里面的开店)请给开发思路？

Answer 1

不用模板的话可以看下TweenMax:https://greensock.com/tweenmax

Answer 2

微信场景 h5 + css3 js jquery来写的动画效果主要css3做出来

Answer 3

大多是基于css3、canvas做的。
一些复杂的动画，炫酷的2D动画，手写css3、canvas会麻烦死吧。。。
我们是flash导出每个场景动画，再用代码控制场景入场，删除场景，事件等操作。这方面的可以看看createjs、egret引擎，这两个都是基于canvas的。

Answer 4

市面上的模板很对，随便百度就能出来很多，例如爆米兔、易企秀、初页。
如果你是前端，我建议手写，非常能提高移动端与css动画的水平。

Answer 5

看一下 http://admin.caimin365.com/#/main 。可以用模板生成~

Answer 6

如果是比较简单类似 PPT 型的可以直接套模版，网上一搜一堆；或者自己写，动画建议用 GSAP 或者 Velocity 实现(javascript)。（个人感觉前者功能更强也更难一些；后者稍微弱一些，但面向初学比较友好，并且今年刚刚有本中文的书出版了）

Answer 7

寻人启事应该是模版生成的，好多这种效果的音乐都是那一个icon。如果自己写就是css3动画。推荐你一个插件swiper.js

Answer 8

大多都是h5 + css3

Answer 9

animate.css就可以了，简单方便性能还比较高。