贵州习酒：酱心独造，习酒带您酿好酒

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

案例：酱心独造，习酒带您酿好酒

出品：贵州习酒

亮点：

策划上，小游戏类，让用户以互动小游戏的形式参与到贵州习酒酿造中来，① 单击屏幕开始酿酒；② 轻摇手机，压碎原料并进行投放；③ 倾斜手机，泼发粮水；④在最适宜时间点进行点击，见汽上甑（zeng）；⑤ 抹去屏幕中的雾气，摊凉搅拌；⑥按住屏幕三秒，进行一次发酵；将整个酿酒过程形象生动的展现了出来，让人们了解其制作工艺流程
设计上，复古插画风格，十分精致，古典音乐又为其增添美感
技术上，滑屏主要采用的是Swiper滑屏插件，摇动手机采用的是HTML5的重力感应

技术实现： jQuery + Swiper

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

识别图中二维码

酱心独造，习酒带您酿好酒-查阅二维码

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

标签