Hushroom glowing mushroom logo Hushroom — Cozy 3D Virtual Study Hall & Social Sim

← Back to all Devlog articles

Toon Shading & Vertex-Baked Palettes: Lighting a Cozy Nighttime Study Hall at 60 FPS

3D Engineering · October 21, 2026 · 7 min read

How we achieved our warm amber-and-moonlight diorama look on mobile GPUs using custom gradient maps, vertex colour baking, and pools of lamp light.

Warm Lamplight Inside, Cool Moonlight Outside

Visual contrast drives the emotional warmth of Hushroom. We set all four scenes late at night so the exterior windows glow with deep slate-blue moonlight (`#1e2c42`) and silver rain streaks, while the interior table is bathed in warm amber banker lamps (`#f0b255`) and hearth firelight.

To keep the 3D scene looking like a handcrafted clay illustration rather than shiny plastic CG, we pair custom stepped toon shading with a carefully locked colour palette across architecture, props, and character clothing.

Zero Texture Fetches via Vertex Colour Baking

Traditional 3D scenes bind dozens of 2K diffuse and normal map textures, consuming hundreds of megabytes of VRAM on mobile devices. In Hushroom’s room builders, books on shelves, rug patterns, wooden floorboards, brick fireplaces, ceramic mugs, and leafy houseplants are painted via vertex colours and subtle vertical luminance gradients baked at geometry creation time.

The only dynamic canvas textures in the scene are the expressive 2D character face decals and the floating name/status tags. Everything else renders from shared material instances, keeping memory footprint tiny and frame times crisp.

Subtle Secondary Motion That Brings the Room Alive

Even in silence, a study hall should never look frozen. Dust motes drift lazily through the warm cones of lamp light, rain droplets streak down the windowpanes, fireplace embers pulse in the Library Loft and Lounge, and sleeping cats rise and fall with a gentle breathing cycle.