Skip to content

Optional Google Ads measurement for this website. Keep storage limited or allow measurement. App privacy is unchanged. Details

TheChosenVictor crestTheChosenVictor
Demo Lab

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

Launch demo (new tab)
Worldseed floating island fully awakened: the great tree in bloom above a windmill, cottages, an observatory and a waterfall pouring from the underside.
Preview captured September 25, 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

Requires WebGL 2 and works best with hardware acceleration. Mobile performance was measured in the iOS simulator and Android emulation rather than on physical devices. 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 and the same awakening actions as plain accessible text. Options lowers quality for weaker devices and reduces or pauses 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, keeping the main render pass near 80 draw calls and 185,000 triangles on High and near 60 and 93,000 on Low.
Recovery and lifecycle
Losing the graphics context shows a recovery message; Retry rebuilds the scene on a fresh canvas and keeps your progress. Hidden tabs stop rendering, and teardown releases the loaded models.

  • Timeline Commander

    Command a deterministic 30-second battle, rewrite critical orders, and watch the future recalculate across two operations.

  • Splat Walk

    Orbit and zoom around a real Gaussian-splat cave-lion capture, inspect three guided details, and return to a stable overview.

Want an interactive 3D piece for your site?

  • Website

    One scoped Next.js or marketing site

  • Code Review

    Written review of one repo or PR set