时物：面包心语_H5案例分享

时物：面包心语

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

案例：面包心语

出品：时物

亮点：

策划上，小游戏类，点击“PLAY”按钮，在“时物”面包房开始进行面包的烘烤制作，制作完成后，点击左下角的“点击”按钮，即可看到自己烘烤出来的是什么面包，还可以将美味的面包分享给爸爸吃，让爸爸在父亲节享受到美味的面包，趁着父亲节的契机进行品牌宣传
设计上，漫画风格，采用橘黄色作为主色调，红色作为辅色调，在烤面包的页面小细节点上处理的挺好的，比如，只有在烤面包的时候，面包房的风扇、烟囱才会动，还有一个小小的萌哒哒的面包师傅出来哦
技术上，loading页的逐帧动画采用的是CSS3的animation，首屏面包房逐渐出来的动画是用js的setInterval定时器做的，烤出来的是什么样的面包是随即出现的哦

技术实现： jQuery + jQuery Mobile

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

识别图中二维码

面包心语-查阅二维码

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