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

作者: H5案例分享 | 来源:发表于2019-11-01 11:25 被阅读0次

探秘神奇的3D图案里的秘密
四月份南阳恒大帝景有什么可以免费玩的好活动陆地闯关让你玩个够！
学习精进—小蝌蚪找妈妈（侦探版）
神奇的激光图案
神奇的禅绕图案
使用Python打印爱心图案
仿动森服装设计DIY功能
2018-07-15 亲子阅读第十八周
爱的教育《阁楼里的秘密》
复盘方特

案例：腾讯医学ME大会

品牌：腾讯 Tencent

技术实现： video + threejs

亮点：

1、创意定位

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

2、策划上

案例分成两部分：

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

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

3、设计上

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

4、技术上

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