Design 3D / Animation Mar – Apr 2025

Playground

A 3D interactive scene recreating a childhood memory — bringing "Boo" to life through user-triggered animations, built with Spline, Maya, and Substance Painter.

Role

Solo Designer
& 3D Artist

Timeline

Mar – Apr 2025
Self-Directed

Tools

Spline Maya Substance Painter Photoshop

Type

Interactive 3D experience (browser-based)

A childhood memory, brought to life in 3D

Playground is an interactive 3D scene built around "Boo" — a character from a childhood game that stuck with me long after I stopped playing. The project wasn't about recreating the original game. It was about capturing the feeling of it: the playfulness, the slight eeriness, the sense that something is alive and reacting to you.

The scene lives in the browser. Using keyboard and mouse, you trigger different animations — Boo reacts, moves, shifts its attention. Press Q to reset the scene. The interaction is simple, but the goal was to make even simple interactions feel full of personality.

(Allow a moment for the 3D scene to fully render in the embed above.)

From polygon to personality

The character model was built from scratch in Maya — starting with basic polygon shapes and sculpting toward the rounded, soft silhouette Boo is known for. The goal was to stay close to the original design while giving the 3D version enough volume and detail to feel three-dimensional rather than flat.

Texturing was done in Substance Painter, where hand-painted albedo maps and subtle material variations give Boo a painterly, slightly tactile quality. The white surface isn't purely flat — it has faint imperfections and softness that make it feel more like a physical object than a CG render.

Rigging and animation were set up in Maya, then exported for use in Spline. Spline's browser runtime allows the animations to be triggered by user interaction — click events, keyboard inputs, and hover states each map to different animation states in the rig.

  • Idle state — a subtle floating loop with gentle eye tracking, creating the impression of awareness even when nothing is happening.
  • Triggered animations — a set of reactions tied to user input: surprise, curiosity, playfulness. Each animation is loopable and blends smoothly back to idle.
  • Scene environment — the surrounding scene uses simple geometric shapes and a limited color palette to keep the focus on Boo and avoid visual noise.

What animation teaches you about character

Building Playground was a lesson in the difference between motion and character. A character that moves is just geometry changing position. A character that feels alive — that seems to have intentions, reactions, and personality — requires thinking carefully about timing, weight, and the way small details (an eye twitch, a slight lean) change the entire impression.

The project sits at the intersection of technical 3D work (modeling, rigging, real-time rendering) and interaction design (how does a user trigger these moments? What's the right delay? How do you make someone smile?). That intersection is the space I find most interesting to work in.