Skip to content

Live · 3D experience

Worldseed

Wake a small floating island one echo at a time: water, ground, wind, life, shelter and sky, then open the Heartseed.

Three.js / TypeScript / Vite / WebGL 2

Worldseed fully awakened at dusk: a leafy Heart Tree above a windmill, a lamplit cottage and observatory, and a stream that spills over the edge of a floating island above the clouds.
Preview captured October 9, 2026. Open the demo to interact.

Overview

A small floating island that starts dormant and wakes in seven steps. Six echoes (water, ground, wind, life, shelter and sky) can be found in any order, each restoring a place you can see change: the spring fills the creek and waterfall, the windmill opens its sails, the underside Starwell connects to the observatory. The Heartseed opens only when all six are awake.

Before you try it

The 3D view requires WebGL 2 and works best with hardware acceleration; Text view remains usable without graphics. Current performance qualification used Windows Chrome on real GPU hardware with phone portrait and landscape emulation, not physical mobile devices or thermal testing. The source is private.

What to try

  1. Find the six echoes

    Drag to orbit, scroll or pinch to zoom, and look for a glimmer, or open Explore to travel to each place and awaken it without dragging. Progress is shown as the count of awakened echoes, and any order works.

  2. Open the Heartseed

    Once six echoes are awake the Heartseed control becomes available. Opening it blooms the great tree and finishes the world; Restart returns to the dormant island.

  3. Read it instead

    Text view presents every place, its state, the same seven awakening actions and Restart, including when graphics are unavailable. When graphics are available, Options changes quality and can reduce or pause motion.

How it works

Authored models on a procedural world
Buildings, the tree, props and the underside rock are Tripo-generated models finished in a scripted Blender pipeline into one compressed GLB with a single texture atlas. They graft onto named pivots of the procedural island, so every animation and camera keeps working and the procedural world remains the fallback if the model fails to load.
Budgets per quality tier
Static geometry is batched and heavy meshes ship lower-detail versions for Low quality. Every landmark and awakening remains, while optional vegetation and particles are reduced and canvas resolution is bounded separately for each quality tier.
Recovery and lifecycle
If graphics are lost or unavailable, Text view keeps awakening, completion feedback and Restart usable. Retry rebuilds 3D on a fresh canvas without discarding earned progress or saved motion; a failed Retry leaves Text view usable. Hidden tabs stop rendering, and teardown releases loaded models.

I build interactive 3D to order. Each piece is scoped and quoted after a free fit check.

Custom interactive 3D

Your idea, scoped and quoted before any work starts

quote after fit check

Ask about a 3D piece

or write to [email protected]