About Me

Hey! I am a creative and passionate developer who designs and builds applications, bringing imaginative concepts to life! Recognized for a results-oriented mindset, I specialize in leveraging my strong problem-solving skills, deep technical expertise, and a commitment to continuous learning to drive business growth.

Contact

Human-Computer Interaction

Project Name: Wordless

Visual Summary

Project Description

A mobile web browser game created using web sensors in order to provide a rich interaction with non-verbal audio input.

Interaction Design

Playing around with the different sensors and phone constraints to create an interactive game. This led me to design it in such a way so that the user feels engaged and that they have full control.

Design Rationale

To add a bit more oomph to the game, I added bombs which would need to be avoided. To take advantage of the sensors and put a more expressive spin on the voice input, I added larger moles which would require the player to make louder noises to whack them.

Sketches

1 / 16

Audio Visualizer

Visualize sound in a 3D, colourful way.

2 / 16

Thief Game

Thief steals art and then player yells to stop the thief.

2 / 16

Painting With Voice

User controls a paint brush with their voice to paint.

2 / 16

Jenga

You play jenga with your voice to pull out the blocks based on pitch.

3 / 16

Back to Basics

Brainstorm different sensors to play around with non-verbal audio.

2 / 16

Pure Joy

An idea where you scream and watch money fall
and see your account balance increase!

4 / 16

Voice Operation

Player operates on someone using voice to control the tools.

2 / 16

Picture Painting

Either paint or trace a picture by following
non-verbal audio commands on the screen.

5 / 16

Pictionary With Sounds

Play with friends where you sound out the word given to you.

6 / 16

Levitation

Control objects with your voice and move them around.

7 / 16

Gaze

Use a telescope to star gaze.
More yelling = more stars!

8 / 16

Generative Art

Supposed to be an indepth sketch of the painting with voice idea.
Started making this but didn't stick with it.

9 / 16

Generative Art II

Add a toolbar for the user to change colour and stroke of brush.
Things seemed too easy with this one so I never kept it.

10 / 16

Generative Art (Last Try)

Add face tracking to help draw.
It was very hard to draw something good.

11 / 16

Iteration #1: Whac-A-Mole Game!

Remap Whac-A-Mole to work with voice.
Yell to bring out the moles.

12 / 16

Iteration #2: Face Tracking

Player is able to control the mallet with their camera.

13 / 16

Iteration #3: Device Orientation

Hammer controlled by the rotation/tilt of device.

14 / 16

Iteration #4: Whack With Voice

Use sound input to whack the moles.

15 / 16

Iteration #5: Competition!

Add a leaderboard to make game more competitive.

16 / 16

Iteration #6: Better Control

Move the hammer with some on screen controls.

16 / 16

Iteration #7: Whac-A-Memory

Memory game with moles and
whacking in the same order they appear.

16 / 16

Iteration #8: Increase Difficulty

Add bombs in the game that take away points if hit.

16 / 16

Iteration #9: Flipping The Game!

Almost new idea where instead of playing as the hammer,
you play as the mole that hides!

16 / 16

Iteration #10: Mole Variations

Change the mole size, and volume needed to hit it.

Video Demo