STINK STUDIOS：Stinkmoji

2018-03-11 H5案例分享 H5案例分享

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

识别图中二维码

Stinkmoji-查阅二维码

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

案例：Stinkmoji

出品：STINK STUDIOS

亮点：

策划上，STINK STUDIOS庆祝互联网流行文化而做的H5，借助了人脸识别和3D建模。这支H5，需要在IOS11以上的iPhone下浏览，加载过程中会提示是否允许该网站访问相机，当允许后，启动人脸识别；这支H5加载完毕后，提供了3种可爱的小动物，分别是猩猩、狐狸和绵羊；点选其中的一种小动物，系统会根据你的脸部信息，形成一个该小动物的3D脸部信息，你可以做出各种脸部动作，例如张嘴，屏幕上会随着你的脸部信息的变化，对应的3D小动物也有脸部信息变化。
设计上，扁平风格的3D效果，立体卡通小动物。
体验上，国外网站，访问速度比较慢，还必须在iPhone手机的Safari浏览器下观看，加载完毕后，根据人脸识别出的对应3D小动物很赞，最惊艳的要数你的脸部变化，3D小动物也跟着动，超棒的体验。

技术实现： WEBGL + Three.js

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

标签