What is it?
Famoustache comes from our love of experimenting with emerging frontend technologies. They allow digital makers to really push the envelope with in-browser 3D rendering, 2D graphics animation on canvas, audio manipulation and damn realistic digital moustache grooming.
Behind the scene
Each moustache is made up of hundreds of hair, each of which we have managed to animate. To make the natural movement of each one possible, every hair has its own skeleton made up of numerous ‘bones’.
A single hair with skin and bones.
Multiple single hairs attached together to create a single line of hairs, but each with the capability of moving independently of each other.
To generate the moustaches in the simplest way, we created an editor which allowed us to easily create different moustaches with minimal clicks and to export the settings.
We used a canvas to create transitions between pages. We created the animation frame per frame by masking 2 images, one with the final image (shaving foam) and one with the mask image (dissolve effect).
Kind of like Lego, we put all the pieces together and added audio to accompany each moustache to complete the experience.