Creating a Snapchat-like face filter 2/2: User interactions and particles

Recap for the previous part: In the first part, we saw how to export a 3D model to JSON with Blender. We then added our hat to our Three.js scene, and thus became a true pirate of the Grand Line! Pretty neat, huh? In this tutorial, we’ll use a user interaction to trigger the addition of a magnificent bowtie to our filter. We’ll simultaneously add animated particles to create a cool apparition effect. Shazaa! Prerequisites: Read more…

Feedbacks on Jeeliz Sunglasses

In this article, we provide some context related to our project of virtual mirror for eyewear, highlight our main goals, share a demo, and finally mention some of the results we got…   Why did Jeeliz try to fix the problem of glasses virtual try-on? Most of the current solutions of virtual try-on in augmented reality and real-time (virtual mirrors) were designed in the 2010’s. At that time, there was a lot of hype around Adobe Read more…

Creating a Snapchat-like face filter 1/2: Creating your first filter

The FaceFilter library allows you to effortlessly create Snapchat-like face filters in your web-app. It is built on top of our face detection neural network. It combines the power of deep learning with the versatility of WebGL/Three.js. To understand this tutorial you only need to have a medium knowledge of JavaScript and a good grasp of Three.js basics. Now let’s create our first filter! Creating our project folder First step: clone or download the FaceFilterAPI github Read more…