梦幻西游 + 网易云音乐:敦煌博物馆奇妙夜

2020-08-15 H5案例分享 H5案例分享
梦幻西游 + 网易云音乐:敦煌博物馆奇妙夜


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

识别图中二维码

敦煌博物馆奇妙夜-查阅二维码

完整欣赏此案例大约需要2分56秒


案例:敦煌博物馆奇妙夜

品牌:梦幻西游 + 网易云音乐

技术实现: video + VueJS

亮点:

1、创意定位

梦幻西游游戏和网易云音乐以敦煌音乐节为创意出发点,展示敦煌壁画人物动起来;通过传统风味的音乐(网易云音乐中的音乐)和梦幻西游中的喵千岁融入到H5中,既有品牌中的内容,有包含敦煌壁画内容,达到品牌不断提升。

 

2、策划上

① 首先点开大门,是一段文案讲述敦煌音乐节引出主题,喵千岁来到莫高窟163窟,播放一段视频(MP4格式,时长1分19秒),讲述壁画人物和喵千岁讨论音乐节,而后音乐会办了起来,但是不能被管理员发现;

② 前面视频的播放完毕后,开始游戏部分,总体是不能被管理员发现,游戏规则:红色灯亮,报警提示;出现随机位置出现暂停键,立即点击;如果手慢,将有一位成员被管理员带走,这里说的成员是壁画中的彩绘人物和喵千岁;一共6个可以带走的成员(包括喵千岁),所以中间会出现6次报警暂停键,屏幕下方有成功与否的进度条提示;被带走的顺序是固定的;游戏完毕,输入姓名,确认后生成海报;

③ 海报中,根据成功盾壁管理员巡查的次数,给出不同的海报,一共7种类型的海报;提示游戏中战胜其他玩家百分比;下方有3个按钮,继续挑战就是重新在玩一遍H5,其他2个按钮分别是对网易云音乐和梦幻西游游戏注册下载的引导。

 

3、设计上

很有敦煌的风格,棕色有年代的大背景,壁画中的彩绘,同时也融入了梦幻西游中的人物。

 

4、体验上

这支H5思路很清晰,一部分叙述前奏,敦煌音乐节;一部分是游戏,游戏后生成海报,用户可以长按海报保存,进行H5进行更有意思的传播。





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

标签

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

相关推荐:

中国平安X网易云音乐:挑选你的出发姿态

梦幻西游:查看你的群聊观察报告

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~