腾讯 Tencent：腾讯医学ME大会
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例：腾讯医学ME大会
品牌：腾讯 Tencent
技术实现： video + threejs
亮点：
1、创意定位
将复杂的医学知识简单化，让大众理解，介绍10个医学上的重要突破，介绍腾讯的ME大会。
2、策划上
案例分成两部分：
① 首先是一段视频，讲述人类一直在找疾病的解药；
② 而后是10个图案，横向自动轮播，用户也可以手动向左或者向右滑动，点击想要探索的图案，解锁医疗突破；进入图案后，图案是碎片形状，单指360°，滑动屏幕，可以旋转图案，将碎片往中间靠拢，屏幕上方是计时器，当图案旋转变成指定的图案，屏幕下方会出现这个图案是医学中的什么图案，并形成一张海报，海报上有图案的医学名字，医学贡献，还有当前用户的昵称，解锁图案所用的时间等信息。
3、设计上
画面浅色调，银色为主色调，配合3D立体的医学元素图案，医学元素图案是可以720°旋转观看，使用的字体感觉有纵向拉伸，看起来更纤细。
4、技术上
旋转图案碎片时，使用的是threejs，通过用户滑动控制摄像机角度（即我们用户看到的画面）
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
