我的世界 x WA！：我的搬砖现场
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例：我的搬砖现场
品牌：我的世界 x WA！
技术实现： pixi.js + tweenMax.js
亮点：
1.创意定位
我的世界 x WA！推出的职业人格测试H5案例。
2.策划逻辑
案例分三个阶段：①开始请用户选择自己的搬砖圣地，有课桌、办公桌、工地，三个选项；②根据第一阶段的选项，进入工具、点缀、背景、以及场景必备品的选择，物品可以放大、缩小、删除；③将搬砖现场选择好后，点击完成，会生成图片，让用户确认，确认“拼好了”后，输入自己的名字，查看根据搬砖现场分析出来的职业人格结果。
3.设计上
以动漫的画面，描述日常的搬砖现场，能够让沉重的工作变得生动有趣；搭配明亮的色彩，给人轻松的心情。
4.体验上
整个分析过程，需要点击选择完成互动，增加参与感，最终会生成关键字和具体分析，能够让用户正视自己的职业人格。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
