麦当劳:麦满分 满分挺你
案例:麦满分 满分挺你
出品:麦当劳
亮点:
- 策划上,以高考证为主题,通过选择的年份不同,性别不同,生成不同的高考证。时间分成5个档,从1977年开始,第一档1977年到1989年,第二档1990年到1999年,第三档2000年到2009年,第四档2010年到2017年,第五档2017年到未来。很多人都经历过高考,那是我们最珍藏的时光。很喜欢麦当劳的这支H5案例
- 设计上,麦当劳的红,配上原木和纸质的效果,产生微微怀旧的气息
- 技术上,使用的是图片合成技术,我们有图片合成的课程,喜欢的可以视频观看;美化图片,使用的是美图的API接口,感兴趣的同学可以百度搜“美图API”,查看美图web开放平台,对于美化图片,小五对美图给101分,不怕你骄傲,真的把小五的头像,处理的太过很美,不像本人了。
小五只测试了女生版的造型;男生版,请自测,注意是分成5个档的时间段
技术实现: jQuery+hammer.js(触屏设备手势库)+swiper.js(移动触摸滑动插件)
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号