CCTV：Mooncake Making Challenge

2019-09-15 H5案例分享 H5案例分享

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

识别图中二维码

Mooncake Making Challenge-查阅二维码

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

案例：Mooncake Making Challenge

品牌：CCTV

技术实现： pixi.js + tweenMax.js + Hammerjs

亮点：

1、创意定位

月饼的制作过程，展示中国的传统佳节——中秋。

2. 策划上

通过制作月饼的三大步骤，每一步骤都是一个游戏。

第一步和面，不断的上下滑动屏幕，展示在指定的10s中内，是否可以滑动屏幕40下；

第二步打鸡蛋，10秒钟内打5个鸡蛋，点击小兔子，打鸡蛋到碗中；

第三步控制温度，150°到180°点击OK按钮。

最后给出一家人在月下一起吃月饼的画面。

3. 设计上

蜡笔的卡通画面，画面整体很可爱。

4. 体验上

案例最初没有开启声音，这一点小编很喜欢，虽然体验案例的时候，气氛少了些，但是避免打开H5时，在公众场合响起声音的尴尬。

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

标签