奔驰：梅赛德斯-奔驰梦想童画

2016-06-06 H5案例分享 H5案例分享

案例：梅赛德斯-奔驰梦想童画

出品：奔驰

亮点：

策划上，游戏类，主要分为三个维度，一：采用色彩绚丽的水彩动画，引出儿时的梦想；二：以两个孩子和爸爸讲自己的梦想写下来，放在玩具汽车里，系上气球，游遍世界的真实场景，展现有什么梦想都应尝试去实现它；三：画下自己儿时的梦想之地，看看小伙伴们是否能猜到你的童“画”，完成画作并留下你的联系方式，极有可能获得梅赛德斯-奔驰的资助哦
设计上，水彩画风格，色彩鲜亮绚丽，犹如五彩斑斓的梦想，充满童真浪漫
技术上，整体动画主要采用Canvas + CreateJs + TweenMax(动画框架)；但是在安卓下，两个孩子和爸爸放飞其梦想气球采用的是Video视频

技术实现： jQuery + CreateJs + TweenMax(动画框架)

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

识别图中二维码

梅赛德斯-奔驰梦想童画-查阅二维码

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

标签