jeeliz / jeelizFaceFilter

Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
https://jeeliz.com
Apache License 2.0
2.68k stars 533 forks source link

Multiple filters using .class instead of #ids. #28

Closed PUShAUNE closed 6 years ago

PUShAUNE commented 6 years ago

First of all, thank you for the hard work you did and for sharing it :)

Is your feature request related to a problem? Please describe. I am trying to make a photobooth where users can choose multiple filters (like hats, glasses, jewelry), and activate or desactivate some. I'm using CSS3, which target an id: DIV=document.getElementById('jeelizFaceFilterFollow');

Describe the solution you'd like It would be nice to create as many as wanted tags, and to target them with a class, or with multiple ids.

xavierjs commented 6 years ago

Hi,

You have to change the code in https://github.com/jeeliz/jeelizFaceFilter/blob/master/demos/CSS3D/div/demo_div.js

This can be done by manipulating the DOM with javascript.