麦当劳：欢迎申请麦当劳汉堡研究所！

2016-07-28 H5案例分享 H5案例分享

案例：欢迎申请麦当劳汉堡研究所！

出品：麦当劳

亮点：

策划上，游戏类，① 共有四科题目，找出牛群中其他动物卧底；点击拖动盖上蒸笼盖子给土豆去皮；拔掉生菜外层较干的叶子；按下秒表，稍作等待，当当当~~~巨无霸做好了，交卷！考试通过了，点击“前往汉堡研究所进修”，还可以去了解麦当劳食物的冷知识和小趣事；② 通过这些题目，让玩家们在玩的过程中了解到麦当劳的食材选取的苛刻，巨无霸用的是100%纯牛肉饼，用蒸的方式给土豆去皮，只留内层新鲜的生菜叶子
设计上，写实风格，木质的桌面上，错落有致的放置着，充满工艺品气息的，与麦当劳相关的小摆件，看起来十分的雅致有趣
技术上，整体动画主要采用Canvas+ CreateJs用雪碧图做的逐帧动画

技术实现： jQuery + Canvas + CreateJs

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

识别图中二维码

欢迎申请麦当劳汉堡研究所！-查阅二维码

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

标签