腾讯新闻：腾讯新闻2021好友说

2021-12-23 H5案例分享 H5案例分享

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

识别图中二维码

腾讯新闻2021好友说-查阅二维码

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

案例：腾讯新闻2021好友说

品牌：腾讯新闻

技术实现： Three.js

亮点：

1、创意定位

腾讯新闻品牌宣传H5，2021马上结束了，说说好友对你的印象吧！在h5里领取一个3D形象，分享给好友，来一场真情告白！

2、策划上

分为三部分：第一次进入、生成形象后再次进入和好友进入H5。

当用户首次进入H5后，有男孩和女孩两个属性选择，选择性别属性后，生成生成对应性别的3D卡通形象，不同的用户生成的卡通形象会不同；可以把生成的卡通形象分享给好友，好友可以为他/她留言；

生成形象后再次进入H5，直接进入生成的卡通形象页，不能更改性别属性，如果有好友留言，3D卡通形象周围旋转的文字变成好友的留言；

好友进入，点选屏幕下方的弹幕留言，不可自己输入；点选的留言，会在好友的页面下方显示留言人的头像昵称和留言内容；同一个用户如果反复留言，会保留最后一条留言。

3、设计上

3D卡通形象，卡通形象有点像我的世界游戏里面的方块人；卡通形象需要3D建模，输出.glb格式文件。

4、体验上

案例比较小巧，但是使用3D形象展现很有特色，如果形象本身可以DIY让用户选择就更好，目前卡通形象是随机分配，虽然也会有不同。

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

标签