Faceify

Inspiration

I saw a blocks game where the face was created using different colored geometrical shapes such as a circle for the eyes, a triangle for the nose, and a semi-circle for the mouth, and decided to use it for the user's face.

What it does

So this lens captures two circles, a triangle and a semi-circle, which are then assembled as eyes, nose, and mouth on the user's face, giving them a bespoke visage with unlimited options.

How we built it

So the effect is mostly generated by utilizing the Snap function to capture the screen texture within the specific shapes and then using scripting to save the captured region and project it across several meshes grouped as facial characteristics.

Challenges we ran into

The problem I experienced was maintaining the hierarchy of the collected areas across several taps, for example, the area taken beneath a circle became the eye and the one captured under a triangle became the nose, which was initially getting mixed up.

Accomplishments that we're proud of

I am just proud to pull off this lens exactly how I imagined.

What we learned

So I learned how to play with screen textures, screen freeze, and also a little bit of scripting.

What's next for Faceify

The next step may be to create an animation using the custom textures or to sync the textures with the eye and mouth movement. This similar concept might also be used to project custom textures over several objects.

Built With

• javascript
• lensstudio