王者荣耀：猜猜你的CP是谁？

2018-02-05 H5案例分享 H5案例分享

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

识别图中二维码

猜猜你的CP是谁？-查阅二维码

完整欣赏此案例大约需要3分5秒

案例：猜猜你的CP是谁？

出品：王者荣耀

亮点：

策划上，这是宣传王者荣耀游戏的一款 H5，测试类。Loading完毕，点击页面，进入内容。内容讲述了一个平淡无奇的夜晚，单身25年的女主角与小哥哥之间发生的一系列故事。此H5分为四部分。第一部分讲了小哥哥微信约女主来老地方，过程使用微信的聊天的方式，根据女主不同的回复，进入不同的内容。第二部分，讲了女主和小哥哥约会的情节。其中包括两个情景女主的选择，分别是小哥哥夸赞女主漂亮、老奶奶卖花，女主的回复如何，小五暂不剧透。（分配道具）第三部分，讲述了女主和小哥哥玩游戏的过程。从小哥哥提出“要玩点刺激的”开始，到女主使用老奶奶道具游戏胜利而结束，故事情节十分丰富。第四部分，收到“我的CP报道”，点击查看，进入最后的一页，页面显示属于用户的个人CP对象，长按图片可以保存分享。点击下方的“再看一次”按钮，可引导用户再次观看。

设计上，黑白色调、简单的线条、清晰的画面、丰富的内容，再加上模拟微信聊天等内容，给人印象深刻。配音表现小姐姐的内心戏，引人发笑。
交互上，整个H5播放过程中，不断出现问题，需要用户点击不同的选项，用户时刻参与其中，交互很好。
体验上，小五很是佩服女主的 “戏精”天分，内心戏不断，一个个误会不断发生。“王者用户”小哥哥的表现一直的出乎意料，引人发笑。小五觉得这个H5的铺垫做的很好，卖花老奶奶提前打酱油，关键时刻神一般出场。整个案例围绕打游戏展开，品牌植入毫无违和感。

技术实现： jQuery.js+hammer.js+canvas

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

标签