Face Pizza is a mobile Augmented Reality (AR) game, where you make pizzas off of your face! Inspired by the comedic, chaotic charm of games such as WarioWare and Tomodachi Life, your face is the canvas for artistic (or outrageous) creations. Make as many orders as you can within 60 seconds, using toppings which move across an assembly line. Keep playing to try to get a better score! Easily record videos of your funniest moments during gameplay through the built-in lens-recording feature on Snapchat!
This is a selection of the UI systems that I developed for Face Pizza, programmed with Javascript in Lens Studio, and assets designed in Photoshop. I explored next-gen UI through Facial Gesture Events built-in with Lens Studio.
FACIAL GESTURE UI ANIMATIONS
Instead of tapping a UI button to complete an Order, players must close their mouth. Using Lens Studio's built-in MouthClosedEvent class, closing the mouth triggers this gameplay event. Depending on whether the Order was correct or incorrect, a specific animation plays, helping indicate to players if they can move onto the next Order or not.
SEE IT IN ACTION!
ADD SAUCE/CHEESE BY SCREEN-DRAWING
Players must draw on their phone's screen to add sauce/cheese to their face pizza, while the respective UI button is selected. Once the drawing is complete, the sauce/cheese face mask appears on the player. Tapping one button temporarily disables the other, to allow players to only add Sauce or Cheese at a time. Tapping on a button or disabling it triggers a specific animation, injected with the cartoony personality found in Face Pizza. The UI buttons were animated using the built-in Tween Javascript helper script in Lens Studio.
SEE IT IN ACTION!
HOW TO PLAY INFOGAPHIC ANIMATIONS
A series of animated GIFs showing players the controls of the game, including covering your face to Undo, Closing Your Mouth to complete an Order, and scrubbing the screen to add Sauce/Cheese. These GIFs are found in the How To Play menu in the Title Screen.
SEE IT IN ACTION!
ADDING TOPPINGS
UI buttons which allow players to add a 3D Model of their chosen topping to their face pizza after being tapped, depending on the button selected. The 2D image of the topping dragged transforms into a 3D model of that topping once the player lets their finger off of the screen.
