贵洲习酒：团圆，才是中秋

2017-10-09 H5案例分享 H5案例分享

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

识别图中二维码

团圆，才是中秋-查阅二维码

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

案例：团圆，才是中秋

出品：贵洲习酒

亮点：

策划上，画中画类，① 长按习酒图标，先通过多幅场景展现了小时候每年过中秋，全家团聚欢聚的幸福场景；② 而今年奶奶却接到我不回家过中秋的电话，但她和爷爷仍准备了丰富的饭菜却只有他们两个人；③ 这时门铃响了，我们一家人都回家了，一家人开开心心团团圆圆过中秋，最后贵洲习酒也为大家送上真挚的中秋祝福。
设计上，手绘插画风格，每一幅场景几乎都是自家过中秋的缩影，很能引起用户共鸣，而画中画的展现形式，使案例变得更加有趣。
技术上，这支H5主要是采用Canvas + Pixi.js（HTML5 2D渲染引擎） + TweenMax来实现的。

技术实现： Zepto + Pixi.js + TweenMax

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

标签