MONO//SHIFT — DESIGN & SYSTEMS

INSIDE MONO//SHIFT

Explore the visual language and interactive systems behind the game. This showcase breaks down the character states, phase-based platforms, hazards, collectibles, interface components, sound effects, and original background track that shape the complete player experience.

1ORIGINAL MUSIC TRACK

4PLAYER STATES

6GAMEPLAY ELEMENTS

6GAMEPLAY SOUND EFFECTS

Original Background Music

A calm ambient loop supports the game’s focused rhythm and minimalist atmosphere without distracting from movement and timing.

background-calm-loop.wav 24-second ambient loop designed for focused, uninterrupted play assets/audio/background-calm-loop.wav

Player Movement States

The player reacts visually to movement. Direction, lean, bounce, eye position, and phase colour work together to make every action clear at a glance.

Idle

A stable grounded pose gives the player a clear resting state.

drawPlayer() · Canvas

Run Right

A forward lean communicates speed and direction during movement.

vx > 0 · facing 1

Run Left

The pose mirrors naturally while preserving the same readable motion.

vx < 0 · facing -1

Jump

A compact airborne pose makes take-off, height, and landing easy to read.

grounded false · vy -420

Gameplay Elements

Every gameplay object follows the same minimalist visual system, allowing phase, danger, rewards, and objectives to remain immediately recognizable.

Phase Platforms

Coral and Cyan platforms become solid only when their matching phase is active.

drawPlatform()

Signal Collectible

Optional signals reward exploration, precision, and stronger level scores.

drawShard()

Spike Hazard

A clear high-contrast shape communicates danger before the player commits.

drawHazard()

Coral Exit

The exit activates only when the player reaches it in the Coral phase.

drawGoal() · phase 0

Cyan Exit

The Cyan variation reinforces the final phase decision at the end of a route.

drawGoal() · phase 1

Feedback Particles

Subtle bursts reinforce jumps, phase changes, collections, and completion.

burst() · particles[]

Interface Components

The interface keeps important information visible while preserving the game’s clean visual identity across menu, gameplay, scorecard, and mobile views.

PRIMARY ACTION

PLAY FROM LEVEL 01

PHASE STATUS

CORAL PHASE

LEVEL CARD

LEVEL 02CROSSFADE★★☆ 3,420 PTS

MOBILE CONTROLS

←

→

↑

◆

Gameplay Sound Effects

Short, responsive sound cues give each action its own identity. The background music pauses briefly while a sound is previewed.

Select a sound to preview its role in the game.

UI / Restart130 Hz · square · 0.07 s

Jump210 Hz · square · 0.05 s

Phase switch360 / 520 Hz · sine

Signal collect640 Hz · sine · 0.07 s

Death92 Hz · sawtooth · 0.18 s

Level complete392 / 523 / 659 Hz chord

MONO//SHIFT uses a consistent code-driven visual system, combining responsive player animation, phase-based level elements, focused interface design, and reactive audio feedback.