AR Face Tracking – 3D Face Filter

AR Face Tracking – 3D Face Filter

Attach 2D and 3D content to the user's face. Includes animated states for seamless interaction.

< Back to templates

Face tracking allows you to attach 3D content on to, and around, the user's face. This template is a great starting point for building 3D face filters.

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