小米：我在宫里遇到一件奇怪的事

2019-01-22 H5案例分享 H5案例分享

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

识别图中二维码

我在宫里遇到一件奇怪的事-查阅二维码

案例：我在宫里遇到一件奇怪的事

出品：小米

亮点：

创意定位：小米手机为宣传小米MIX 3的一个网页活动，点击链接后，会进入一个HTML5网页游戏，并进行一场沉浸式的互动。
策划上，①一名故宫文物修复人员在宫里修了20年文物，从来没有遇到过这样的奇书……待我细细查看。②睁开眼，看到一本书，夹起书中的一页的残片，正打算看，然后其余的残片，被吹跑了，但是房间里是没有风的。③用的是360全景方式做的，从房间里面找到书页残片，点击收集，一共有六张残片。④会看到一段视频（20），把这六张拼在一起，产生光芒合成了一页，内容事上古神兽各赋异禀，唯有缘人得以见，福佑一生……请用手指在框内写下你的名字，看看你的命中守护神兽。⑤在纸上手写上你的名字，点击召唤神兽，会出现一张命中的守护神兽。
设计上，宫里某一间屋子里面为背景，古风漫画风格。
体验上，整体看起来很流畅，滑动手机上下左右360全景模式，有一定沉浸感。

技术实现： Vue video

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

标签