A playful 3D platformer across five storybook worlds.

Players choose one of three cats and journey from a jungle to a magma fortress, jumping, climbing, riding creatures, and facing bosses along the way.

Overview

Pawsitive is a browser-based 3D platformer with three playable cats and five storybook worlds, from Jungle Jaunt to Magma Fortress. Players jump, spin, ride a turtle, outrun boulders, and battle a boss, either exploring in Adventure mode or racing the clock in Time Trial. It plays on keyboard, gamepad, and touch.

Milo leaps above a flower-filled island with winged seeds and a treasure crate

What I did

Interface design
Designed the main menu, level select, cat selection, how-to-play screen, and gameplay heads-up display (HUD).
Interaction design
Mapped the player flow, including pause and return, and fit the game and HUD to desktop, tablet, and phone.
Design system
Created the warm palette, typography, and interaction states, and checked text contrast across the interface.
Worlds
Designed five worlds, each with its own landscape, lighting, and challenges.
Characters & animation
Animated the three cats, their companions, and the enemies, giving each a distinct silhouette and personality.
Development
Built the game to run in the browser on keyboard, gamepad, and touch.

Interface design

Menus and gameplay screens keep the next action, current choice, and progress visible.

Gameplay HUD

Seed and crate counts track progress, while the timer stays visible during play.

Main menu with a peach Play button above secondary actions

Main menu

A peach button gives the main action a clear visual priority.

Adventure level select with illustrated world cards

Level select

Distinct world illustrations help players recognize and choose a destination.

Pawsitive choose your cat screen

Choose your cat

A highlighted card shows which cat is selected.

Pawsitive how to play screen

How to play

A dedicated screen brings the game’s controls together before play.

Interaction design

Menus branch from the main screen into play, cat choice, and level choice, and every route returns to gameplay or the menu.

Player flow

The flow connects cat selection, game modes, and world selection with gameplay.

Start or endScreen or actionDecisionReturn path
Pawsitive player flowThe main menu branches to Play or Continue, Choose Cat, and Level Select. Cat choice saves immediately and returns to the menu. Level Select branches by mode, then a world card launches gameplay. How to Play and Settings return to the menu.PLAY / CONTINUECHOOSE CATCLICK A CATSELECT A CATLEVEL SELECTBACKADVENTURETIME TRIALHOW TO PLAYBACKSETTINGSTOGGLESTAYOTHER MENU PATHSMain menuSTARTAction?Start Adventure levelFirst play: Level 1 · Continue: saved levelChoose your catMilo / Swana / ToxCat choice savedApplied immediatelyMain menuEND · ESC ALSO RETURNSLevel selectAll five worlds availableMode?AdventureTime TrialClick a world cardStarts the selected levelGameplayENDMain menuSTARTControls screenMain menuENDExpand preferencesInside the main menuChanges savedMain menuEND

Select a route to follow a main menu choice.

Pause and return

Pause options let players resume a run, restart the level, or return to the main menu.

Pause and return flowFrom gameplay, open Pause. Resume continues the current run, Restart Level starts the same level again, and Main Menu leaves the run.PAUSE / ESC / PRESUMERESTART LEVELMAIN MENUGameplaySTARTPause menuCurrent runENDSame level, fresh runENDMain menuEND

Select a pause option to follow where it leads.

Wireframes

Each screen keeps its wireframe hierarchy in the finished game: a title, the main choice, then the smaller ones.

A / MAIN MENU
Main menu low-fidelity wireframe. Centered panel, logo, level context, four actions, and closed Settings.
Main menu archived game capture
B / CHOOSE YOUR CAT
Choose Your Cat low-fidelity wireframe. Three character placeholders, a selected card, and a generic selection action.
Choose Your Cat archived game capture
C / LEVEL SELECT
Level Select low-fidelity wireframe. Five world cards, progress summary, Adventure / Time Trial, current-level selection, and Back.
Level Select archived game capture
B

Responsive layouts

The game and its HUD keep the same layout on desktop, tablet, and phone.

01
Desktop1280 × 800
Pawsitive game and HUD at 1280 by 800 pixels on Desktop.
02
Tablet768 × 1024
Pawsitive game and HUD at 768 by 1024 pixels on Tablet.
03
Phone390 × 844
Pawsitive game and HUD at 390 by 844 pixels on Phone.
04
Phone landscape844 × 390
Pawsitive game and HUD at 844 by 390 pixels on Phone landscape.

Design system

Warm colors, rounded shapes, and reusable components carry the storybook style across screens.

Color palette

Surface#343036
Control#51474F
Text#FFF4E1
Primary#FFC7A8
Selected#FFD49E

Typography

Aa
Fredoka
Aa
Nunito

Interaction states

Play
Default
Play
Hover
Play
Keyboard focus

Text contrast

11.9 : 1Cream text / dark surface
9.8 : 1Dark text / primary peach

Selection

SwanaMilo

Spacing rhythm

Gameplay design

Play moves from jumping and riding to chasing, climbing, and a boss encounter.

A cat jumps and spins through crates on a winding jungle path.

Jump & spin

A cat rides a turtle across the river causeway, jumping gaps and breaking crates.

Turtle ride

A cat runs toward the camera while a boulder follows through temple ruins.

Boulder chase

The game camera turns sideways as the cat climbs platforms in the temple.

Side-view climb

Magmar leaps and throws fireballs while the cat moves around the lava arena.

Magmar boss fight

Environment design

Five worlds use distinct landscapes and lighting.

A lantern-lit path through a pastel jungle with glowing seeds and treasure crates

Jungle Jaunt

Lantern-lit canopy

A path through the dreamy waterways and lily pads of River Rapids

River Rapids

Floating gardens

The stone pathways and atmospheric ruins of Boulder Temple

Boulder Temple

Ancient ruins

An icy blue pathway through the snowy landscape of Frostbite Peaks

Frostbite Peaks

Moonlit snowfields

A glowing lava landscape and fortress path in Magma Fortress

Magma Fortress

Lava & obsidian

Character design

Playable cats, companions, and enemies use distinct silhouettes and animation to make their roles recognizable.

Playable cats

Distinct faces, animated scarves, and petal tails give each cat a recognizable personality.

Milo wearing a teal scarf

Milo

Swana wearing a rose scarf

Swana

Tox wearing a mint scarf

Tox

Supporting cast

Creatures and mounts add movement and character to the five worlds.

Moss Tortoise
Thorn Hedgehog
Orchid Frog
Turtle
Hermit Crab
Mudskipper
River Otter
Scroll Snail
Spring Idol
Urn Oracle
Snow Penguin
Frost Porcupine
Ice Pangolin
Polar bear
Lava hound
Magmar
Next projectGExplore