top of page

Splatter Bugs

GAME UX/UI, CREATIVE DIRECTION, ASSET DESIGN
Splatterbug Cover.png

Splatter Bugs is an educational motion control game under the product line WonderGames*. Learn your multiplication tables in an art studio filled with curious and colorful paint bugs! Create an abstract masterpiece as you ace all tables 2 through 10.

*WonderGames are augmented reality and motion control games designed for young learners and children with differently abled needs. Each game involves different activities, each tailored to individual goals and challenges to promote learning, cognitive development, motor skills, and social interaction. These games are currently deployed in various schools across Pakistan and UAE by WonderTree.

Genre

Two-Player, Motion Control, Educational

Platform

WonderGames Platform

Engine

Unity

Team

Team of 3 (Designer, Developer, Psychologist)

Duration

Dec 2020 (4 weeks)

My Roles & Contributions

Game UX/UI Designer: 

Consulting with in-house child psychologist, designing game concept, game experience and interface. Also developing tutorial, instructional content and design document.
Game Artist: 

Designing look and feel of the game, including logo, title screens, menus, characters, objects and environment.

Tools Used

PROCESS

RESEARCH

brainstorming (1).png

BRAINSTORM

draw.png

IDEA SKETCHES

wireframe.png

ASSET DESIGN

MECHANICS

Single & Double Player Modes

This game accommodates up to two players at a time to foster a healthy sense of competition. Players stand side by side in a physical space and move around to aim for paint bugs.

 

In some cases, the movement of one player may obstruct or interfere with the tracking of the other player, due to camera limitations. To avoid such confusion and mistaking for one for the other, each player gets a unique cursor. It is repeatedly reinforced throughout the game experience, so a player can recognize error and quickly recalibrate themselves.

Single & Double Player Modes

Single & Double Player Mode

Choose Player Screen

ACCESSIBILITY - Option for each player to choose preferred dominant hand to aim more accurately.

Level Menu Screen

Level Screen - Total of 9 levels varying from 2x to 10x multiplication tables. All levels locked/disabled until the the available level is cleared.

Instruction Panel for Multiplayer 1/2

Instructions for Double Player Mode

Instruction for Multiplayer 2/2

Left & right hand instructions vary according to chosen options.

Settings Menu

Settings Menu

Paused Menu

Paused Menu

Aim & SPLAT!

Based on the chosen multiplication table, the player must aim for bugs with the divisible numbers and avoid all other numbers. The player uses their preferred hand to aim at the bugs and raises their spare hand to trigger the shot. 

Game Screen

Gameplay

Reinforcement/End Screen

Feedback through visual representation

Creating art together

The double player mode is aimed to foster competition, but can also serve as a great opportunity for cooperation, because the end of the game reveals a collaborative abstract art piece! Bright colors indicate correct answers, while black indicates incorrect answers. The art serves as a visual indicator of how well the players did collectively!

~ Thanks for Viewing! ~

Other Projects

bottom of page