Meet us at the Creative Coding #8, NYC, May 23rd 2018

In this talk, we will explain how to get started to build your own JavaScript face filter. We present an interactive tutorial on WebGL Academy to understand step by step the different aspect of the final program (getting the webcam video feed, create the 3D scene, importing the 3D meshes, color harmonization…) The slideshow of the talk is available here: jeeliz.com/talks/2018-05-23_creativeCoding The tutorial about building a Statue of Liberty face filter is available on WebGL Read more…

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 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…