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…

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

The FaceFilter API allows you to effortlessly create Snapchat-like filters in your web-app. Built on top of our face detection neural network, it combines the power of deep learning with the versatility of WebGL/Three.js. Prerequisites: for this tutorial you will only need to have good knowledge of Javascript and a good grasp of Three.js basics. Okay, let’s create our first filter! Creating our project folder First step: clone or download the faceFilterAPI repo (https://github.com/jeeliz/jeelizFaceFilter). The demos Read more…