AR Face Tracking – Particle Effects

AR face filter with dynamic particle effects, face tracking, and interactive animations.

< Back to templates

This template demonstrates how to use particle systems with face tracking. It's a great starting point for building 3D face filters that use particle effects.

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