扶他林:扶他林“缓痛有妙招”

2016-07-28 H5案例分享 H5案例分享
扶他林:扶他林“缓痛有妙招”

案例:扶他林“缓痛有妙招”

出品:扶他林

亮点:

  1. 策划上,游戏类,① 不做疼痛带炎人,十六式缓痛妙招等你开练,选择“左滑看招”or“下滑练招”;② 在首页选择“左滑看招”,则进入到招式展示页,十六式缓痛妙招一一展现在你的眼前;③ 在首页选择“下滑练招”,或者在招式展示页下滑练招,均可进入到练招页面,“伸手打车式”,“扭腰拉窗帘式”,“拉背接水式”三种练招方式任你选,点击“开始”,握紧手机,快速摆动10秒,即有机会获得扶他林提供的U型枕一个;④ 想对扶他林有更多了解的小伙伴,可点击首页和看招页上的“了解扶他林”去了解更多扶他林小知识

  2. 设计上,① 卡通漫画风格,里面的小人萌哒哒的好可爱啊;② 采用橘红色作为主色调,与扶他林包装色橘红色相应,而且橘红色显得十分的醒目,易突出重点

  3. 交互上,可根据提示,滑动进入相应页面;也可点击提示滑动的按钮,进入到相应页面

  4. 技术上,① 滑屏主要采用Zepto + TouchJs; ② 动画主要采用TweenMax+雪碧图背景定位+JS定时器; ③ 握紧手机,快速摆动10秒体验招式,采用的是HTML5的重力感应



技术实现: TweenMax + Zepto + TouchJs


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

识别图中二维码

扶他林“缓痛有妙招”-查阅二维码




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

标签

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

相关推荐:

美林:我帮妈妈请假 妈妈陪我过节

广药白云山:313过期药品回收在行动!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~