Skip to content

← Back to selected work

Personal project / Rendering / ambient

hidamari.

An interactive autumn forest scene with a sunlit path.

Work in progress

Hidamari: an autumn canopy path rendered as layered depth plates. — hidamari

Grayscale depth map for Hidamari’s sky. — Sky depth map
Grayscale values describe depth in the sky layer.

Grayscale depth map for Hidamari’s trees. — Trees depth map
Depth values let the tree layer shift with the view.

Grayscale depth map for Hidamari’s arch. — Arch depth map
The arch is reprojected using this depth map.

Grayscale depth map for Hidamari’s canopy. — Canopy depth map
Depth data for the overhead canopy.

My work

The offline bake, runtime reprojection and PWA delivery.

Working with

Blender Cycles · depth reprojection · AVIF · PWA

Inside the build

Lighting and parallax.

Context

The scene uses pre-rendered lighting so the browser can animate it without path tracing each frame.

How it works

Lighting is baked in Blender Cycles. The browser composites the layers and reprojects their depth to add parallax.

In the work

A playable prototype; audio is still being tuned before public release.

Offline: Blender Cycles bakes the light into plates
Runtime: Depth reprojection adds parallax while the browser composites
Delivery: PWA · service worker · AVIF with PNG fallback

Keep exploring.

The whole collection →

A sailboat beneath a rising sun, with a warm path of light across the ocean in Saltline.

saltline Simulation / multiplayer

Ember Wilds in Fallowmere at dusk: a level-30 character in a voxel landscape.

Ember Wilds Voxel MMORPG

murmuration in ribbon style: a dense violet and white form of drawn-out particle streaks against black, filling most of the frame.

murmuration Audio / WebGPU