BUICK 别克:一指之力逃亡记

2017-01-20 H5案例分享 H5案例分享
BUICK 别克:一指之力逃亡记

案例:一指之力逃亡记

出品:BUICK 别克

亮点:

  1. 创意上,不知道是否借鉴了《Framed》这款神作APP游戏,游戏形式很像,不过在这款H5中,融入了很多自身品牌元素,如产品的诸多功能。将拼图与解密结合,小编虽然在app上见过,但做成H5的还是第一次见到,眼前一亮,很是喜欢。

 

  1. 策划上,拼图+解谜类小游戏,进来是一段带有百分比的载入动画,动画交待故事背景,载入完毕后,在开始界面点击“START>”进入游戏,内容是特工E落入反派被囚荒岛,用户需要救他逃离。画面上有一个个场景小方块,形成故事走向,但默认的故事走向是错误的,用户需要移动方块,重新编排顺序,改变故事走向,来帮特工逃离。成功后,结尾页可以选择提交信息来“马上体验”,或点击“强者座驾”跳转外链,也可以分享给小伙伴“一起开逃”。

 

  1. 设计上,硬派画风,暗色偏蓝紫色调,配合“特工系”的背景音乐,烘托了一种神秘紧张的气氛。拼图与解密结合,有多种故事走向,但只有一种才能帮男主逃脱,不得不说这种设计趣味性十足,像小编这样的强迫症可能会尝试一千种死法…

 

  1. 体验上,Loading页如果网络条件差点,会载入很久,不过本身看上去就是大作,等待是值得的。独特的交互形式使得用户参与感满满。将产品功能放在故事当中,广告形式不牵强不突兀。游戏中如果选择退出,还会提示“你确定离开?”。



技术实现: CreateJS + jQuery


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

识别图中二维码

一指之力逃亡记-查阅二维码




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

标签

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

相关推荐:

别克昂科威:多10%智慧 逃出车内

BUICK 别克:人生的不同打开方式

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~