How to implement face marking in DISPL Designer

There are two main parts about composing a project using face marking: a) marking the face, and; b) triggering special scenes upon identifying a marked face, and; c) delivering the special scene for a remembered face.

Follow these steps below:

A) Marking a Face

1. Create a new template. And add the first interface editor, that will be responsible for marking the face of the visitor. Add content as desired.
   
2. Click the background, add action at the Actions tab. Choose a trigger to run the facial recognition action "Mark biggest face". In this example, it is going to be when our visitor with biggest face size smiles.
   
3. Choose the mark name. In this case it is going to be "discount", without quotes. Check the "Mark" box, for we are setting the "discount" face mark to "true" value. Face marks are boolean variables associated to the visitor face hash. Here I also added the attribute "Smile" to "yes", so I only mark people that smile.
   
4. Done. Let's move on to the face recognition controller.

B) Face Regonition by Mark

1. Create a new controller, Facial Recognition
   
2. Add an event.
   
3. Set the mark value to the same as before p.eg. "discount". Mark it true, for we will recognize if this face has it set to true. We will link this to a interface editor later. Apply and click Ok.

C) Special Scene

1. Create the final interface editor.
   
2. Add it's desired content.
   
3. The entire template must be a loop, thus, set a trigger for bringing the template back to the first interface editor. In this example, we'll selected the background, add action and use "when all faces lost >go to", linked to the first interface editor. So, when the visitor is not there anymore, it will change to the first scene again.
   

Last touches

1. Open the first Interface Editor, on the upper header click the Control tab. This is where we will attribute the facial recognition controller as a filter, giving it permission to change this interface editor, acting as a controller. 
   
2. Click the Event, and link it to the Facial Recognition controller we created.
   
3. Close the Interface Editor, and open the Facial recognition controller. Link it to the second Interface Editor. This means, when the conditions are met, and a face marked with "discount" as true is detected, it will immediately change interface editors for the second one.
   

Final result

This is how your project will look like:

Note that all the components and controller are properly linked betwwen each other! As exaplained at Last Touches.

Test your new template.

For testing purposes I added a button that "unmarks" your face. Setting "discount" to false as you click the text, as shown below.

 

Example project download on the link below: