VAMPIRE / PUZZLE / ADVENTURE

Ruby Ran Away From Home

Can you imagine being a vampire girl living in a world of endless daylight? Guide Ruby through a puzzle journey toward the radiant sun.

Ruby Ran Away From Home title art

Play

Game Control

Better with a Gamepad!

Keyboard

WASD
Move
Q
Drag / Pull
E
Interact with Buttons
Space
Jump

Use shadow, object interaction, and timing to clear Ruby's path.

Character Design

Who is Ruby?

A mischievous young vampire who runs away from home and becomes trapped in endless daylight. Her silhouette, oversized horns, cape, and expressive poses were designed together so the character reads clearly in both concept art and gameplay.

Character Design3D ModelingRiggingAnimation
Who is Ruby character design board with silhouette, expressions, front and back views
Ruby character illustration
Character illustration

Character Motion Studies

Four animation tests bring the same design into motion, covering idle behavior, gesture, expression, and movement readability.

IdleCharacter pose loop
GestureClose-up expression test
PanicExaggerated character acting
CuteVictory sign loop

Level Art

Ruby level art title staging

Title-Screen Staging

Title-screen staging and environment presentation for Ruby's opening view.

From reference to playable space

The original Figma process material is rebuilt here in English: concept references, early blockouts, modular wireframes, and the in-engine readability pass are shown as separate evidence rather than as full presentation slides.

Concept ArtWhiteboxModular AssetsUnity
Theater environment reference and blockout study

Theater Level

Reference, spatial planning, and whitebox exploration for the theatrical interior.

Interior route reference and blockout study

Interior Route

Shape language and route studies used to establish the second environment direction.

Ruby modular environment assets shown as wireframes

Modular Asset Set

Wireframe views document how props and environment pieces were prepared as a reusable set.

Ruby in-engine player guidance and VFX comparison

Player Guidance & VFX

In-engine contrast, lighting, and effect cues help the player read the route and interactable space.

Death VFX

Ruby death VFX breakdown

Failure-State Treatment

A stylized failure-state treatment built around shadow, silhouette, and red graphic contrast.

Ruby in-game death feedback animation

In-Game Death Feedback

Animated death feedback built around Ruby's silhouette, a sharp red graphic treatment, and a fast, readable failure-state transition.

Overview

Ruby's Character

Ruby's Character

The project uses character art, animation tests, and small expressive moments to show Ruby as mischievous, anxious, and curious all at once.

Playful Storytelling

Playful Storytelling

The original itch.io build, GIFs, concept work, and trailer are collected here as a clearer project case study for the portfolio.

Key Arts

Key Art 01
Key Art 02
Key Art 03

Screenshots

Screenshot 01
Screenshot 02
Screenshot 03
Screenshot 04
Screenshot 05

Workflow and Trailer

The Vampire Family

Lead Programming & Gameplay DesignYidi Mao
Level Design & ProgrammingIiro Peltonen
VFX, 3D Arts & Concept DesignYuchen Hu
Environment Art & 3D/2D ArtMichelle Lauriste
Audio DesignAntero Huttunen, Eleni Kavouki
Special ThanksMiika Junnila and Jaakko Kemppainen

Explore More

// MAKING THINGS WEIRD AND WONDERFUL

YUCHEN HU.

© 2026 — ALL RIGHTS RESERVED

Create a free website with Framer, the website builder loved by startups, designers and agencies.