探秘神奇的3D图案里的秘密

案例：腾讯医学ME大会

品牌：腾讯 Tencent

技术实现： video + threejs

亮点：

1、创意定位

将复杂的医学知识简单化，让大众理解，介绍10个医学上的重要突破，介绍腾讯的ME大会。

2、策划上

案例分成两部分：

① 首先是一段视频，讲述人类一直在找疾病的解药；

② 而后是10个图案，横向自动轮播，用户也可以手动向左或者向右滑动，点击想要探索的图案，解锁医疗突破；进入图案后，图案是碎片形状，单指360°，滑动屏幕，可以旋转图案，将碎片往中间靠拢，屏幕上方是计时器，当图案旋转变成指定的图案，屏幕下方会出现这个图案是医学中的什么图案，并形成一张海报，海报上有图案的医学名字，医学贡献，还有当前用户的昵称，解锁图案所用的时间等信息。

3、设计上

画面浅色调，银色为主色调，配合3D立体的医学元素图案，医学元素图案是可以720°旋转观看，使用的字体感觉有纵向拉伸，看起来更纤细。

4、技术上

旋转图案碎片时，使用的是threejs，通过用户滑动控制摄像机角度（即我们用户看到的画面）

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