爱奇艺：测一测你的娱乐DNA

2018-07-11 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

测一测你的娱乐DNA-查阅二维码

完整欣赏此案例大约需要1分37秒

案例：测一测你的娱乐DNA

出品：爱奇艺

亮点：

1. 策划上，通过5个问题，问题围绕“测试你的娱乐DNA”，每个问题，都有2个答案。无论选择哪个答案，后续执行的动画都是一样。

2. 设计上，画面真的很美，扁平颗粒度风格。如果说看颜值，这支H5做到了。

3. 技术上，开始小五认为是canvas配合哪个游戏引擎做的这么炫的动画画面。查看代码后，原来都是用CSS3的动画完成。

技术实现： TweenMax.js + howler.js

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签