腾讯游戏：你收到一封来自比尔的紧急求助信

2020-06-16 H5案例分享 H5案例分享

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

识别图中二维码

你收到一封来自比尔的紧急求助信-查阅二维码

完整欣赏此案例大约需要1分32秒

案例：你收到一封来自比尔的紧急求助信

品牌：腾讯游戏

技术实现： Zepto + PreloadJS + SoundJS

亮点：

1、创意定位

《魂斗罗：归来》游戏3周年庆H5，模拟游戏中的场面，玩过这款游戏的玩家或者喜欢这类型游戏的用户，会被这支H5吸引。

2、策划上

① 在加载页显示“正在载入战士的数据”，进入首页，在一个徽章的下面有“进入”按钮，点击后，用户以第一视角，看当前的画面，显示一片废墟的画面，进入建筑内后，看到一扇门，互动点，提示“请识别您的指纹”；

② 屏幕显示魂战士档案的界面，用户需要不断的触碰屏幕，观看完毕档案后，接到紧急联络信号接入，点击“接入”按钮；是来自比尔BILL的求助，看完求助信息后。点击“加入比尔”按钮后，显示魂战士海报；关闭海报弹出层，可以下载游戏。

3、设计上

科技感很足，故障效果的科幻视觉。

4、体验上

在观看H5的过程中，每道有交互后，有类似视频的位置（实际是代码和图片配合实现），右上角有跳过按钮，可以快速看下一部分剧情。

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

标签