王者荣耀:王者风物志

2021-02-07 H5案例分享 H5案例分享
王者荣耀:王者风物志


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

识别图中二维码

王者风物志-查阅二维码

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


案例:王者风物志

品牌:王者荣耀

技术实现: krpano + Swiper + SoundJS + Zepto

亮点:

  1. 创意定位

沉浸式体验王者荣耀长安赛年版的游戏环境,人物形象,及整体感觉,吸引用户下载游玩。

 

  1. 策划逻辑

选择人物后,进入3D场景,转动手机或滑动屏幕浏览街景,根据提示点击人物倾听介绍,点击闪动的触点查看街上的具体物品解析,左下角有地图触点,打开后是长安俯瞰图,可选择前往其他地方浏览,每个地方由一个游戏人物担任导游,长乐街是公孙离,长乐舞榭是杨玉环,酿酒机关是李白,皇家楼船是武则天,游览时可点击右下角的相机触点拍照,点击右上角的“跳过”或下方的“领取上元礼盒”可生成海报,海报包括导游侧脸特写,场景图和游戏名,海报界面可返回继续游览或查看自己的留念照。

 

  1. 设计上

人物形象精美,街上景色华丽,天空烟花绽放,3D效果逼真,凸显出长安城的繁荣热闹。

 

  1. 交互上

作品交互设计的还是很灵活的,各个景点间的切换可随时进行,海报界面也可直接返回继续浏览。





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

标签

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

相关推荐:

美孚1号X敦煌博物馆:召唤灵兽“孚”动力神助攻

华为HONOR life:生活与你 一起升级

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~