AR Face Tracking – Face Paint Effect

AR Face Tracking – Face Paint Effect

An interactive AR face paint effect that moves with facial expressions using a 3D face mesh.

< Back to templates

Face tracking allows you to attach 3D content on to, and around, the user's face. This template applies a texture image to the user's face using a 'face mesh' - a 3D object that fits shape of the face and deforms as the user's expression changes.

Be sure to check out the Animations panel as we've included some animation states for when a face is in view and not.

This project includes a default splash page - a 'launch' screen shown to the user when they first land on your page. It's important for both technical and user experience related reasons. You can customize it in the index.html file.

Rendering Engine

three.js

Supported Browsers

Google Chrome
Safari on iOS and MacOS

Scripting Language

TypeScript