腾讯游戏:OMG!时尚博主我爱罗带你玩转百变造型!

2020-12-17 H5案例分享 H5案例分享
腾讯游戏:OMG!时尚博主我爱罗带你玩转百变造型!


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

识别图中二维码

OMG!时尚博主我爱罗带你玩转百变造型!-查阅二维码

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


案例:OMG!时尚博主我爱罗带你玩转百变造型!

品牌:腾讯游戏

技术实现: Pixi.js + TweenLite.js

亮点:

1、创意定位

火影忍者手游宣传H5,用户DIY为火影忍者中的我爱罗创造时尚的造型,增加用户互动,用户还可以把自己DIY出的造型分享朋友圈或者好友,促火影忍者手游APP下载;促下载的手法还比较柔和,利于用户接受,也有利于本H5的传播。

 

2、策划上

① 首先是一段视频,视频全长18秒,叙述DIY造型的起因,便于用户更好的带入DIY海报;

② 进入DIY页面,用户可以造型我爱罗的姿势、发型、眼妆、瞳孔、眉毛、鼻子、嘴巴、脸纹;一共8个菜单,每个菜单进入后,都有对应的展开,点击左侧的返回按钮,重新进入8个菜单的列表;屏幕左上角有4个按钮,分别是复原最初的我爱罗造型、开关弹幕、背景音乐控制、操作提示;

③ 操作完毕后,点击DIY页面中的右上角的“完成”按钮,进入海报生成页面,页面下方还可以填写宣言,写好后,用户长按海报保存即可;屏幕右下方是进入火影忍者手游下载页面。

 

3、设计上

整体配色比较艳丽,页面游戏感很足;也有细节,例如,不同的造型,出现的海报页配框的颜色不同。

 

4、体验上

每次操作都有细节动画,例如造型变换时的烟雾;点击按钮时,游戏里的按钮声。





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

标签

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

相关推荐:

腾讯游戏:你的游戏冒险手册,请查收!-腾讯游戏

火影忍者OL手游:火影的奔跑,你敢挑战吗?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~