时物:面包心语

2016-06-22 H5案例分享 H5案例分享
时物:面包心语

案例:面包心语

出品:时物

亮点:

  1. 策划上,小游戏类,点击“PLAY”按钮,在“时物”面包房开始进行面包的烘烤制作,制作完成后,点击左下角的“点击”按钮,即可看到自己烘烤出来的是什么面包,还可以将美味的面包分享给爸爸吃,让爸爸在父亲节享受到美味的面包,趁着父亲节的契机进行品牌宣传

  2. 设计上,漫画风格,采用橘黄色作为主色调,红色作为辅色调,在烤面包的页面小细节点上处理的挺好的,比如,只有在烤面包的时候,面包房的风扇、烟囱才会动,还有一个小小的萌哒哒的面包师傅出来哦

  3. 技术上,loading页的逐帧动画采用的是CSS3的animation,首屏面包房逐渐出来的动画是用js的setInterval定时器做的,烤出来的是什么样的面包是随即出现的哦



技术实现: jQuery + jQuery Mobile


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

识别图中二维码

面包心语-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

时物:不可能任务

汉堡王:教你如何释放心中怒火 “撩火大BOSS”

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~