Resume
For the agent-readable index of this site, see /llms.txt.
Hottest Stories
The community is obsessed with these right now.
Completed
Replay
Beginner Friendly
Short, beginner-friendly journeys.
Completed
Resume
Completed
Reorder Showcase
Drag tiles between these two categories or use the arrow buttons to reorder. Each tile's addon bar provides a drag handle and move controls.
Your Queue
Stories you're reading next.
Resume
Completed
Watch Later
Saved for another time.
Replay
Resume
Portal Loader
The animated loading screen for CoNexus story worlds.
Technical Details
The portal is a 4-layer absolute stack: a circuit-board texture at 5%
opacity, a vignette overlay at 50% opacity, an SVG circuitry layer with
draw-on path animation, and a centered quill icon. All layers fill the
same aspect-ratio: 2048/1228 container with responsive max-width scaling up to 1024px.
LoadingPortal renders 4 staggered path groups (.draw-a through .draw-d) using stroke-dasharray/stroke-dashoffset animation on a 6s draw cycle with 1.5s stagger between groups. The entire
circuitry rotates 360° over 120s.
LoadingQuill cycles a 3s lifecycle: the stroke traces the quill outline, the body fill fades in with a scale pulse, and an accent dot levitates from the pen tip before being absorbed back. A gentle breath translation keeps the whole quill alive.
Two states control the animation: idle (frozen, dimmed) and loading (animated).
Toggle between idle and loading states. In idle,
all layers freeze and dim. In loading, circuitry paths draw on in staggered
waves while the quill cycles its trace–fill–absorb animation.
The loader fills its container width, scaling from 640px at tablet to 1024px at full-HD. Pass status="idle" to hold the portal in a dormant state, or status="loading" to activate all animations.
Loading Text Cycler
A rotating text label that cycles through branded loading words with a typewriter effect. Used inside the portal loader, but works standalone for any loading state that needs dynamic copy.
Accepts custom words, interval, and speed props. Defaults to the branded word set.
DGRS Atmospheres
Twelve atmospheres originally built for CoNexus's storytelling immersion — kept private to DGRS Labs while Void Energy ships its own five starters. Tap any to preview the page under that theme; refresh to return to your own.
Vibe Machine
Claude invents a fresh vibe on every click — new ambient layers, new kinetic text, one-shot bursts on dramatic words.
Vibe Machine
A fresh atmosphere, invented on demand.
Your vibe will appear here.
Stored only in your browser's localStorage. Sent directly to InWorld's API from your browser — never to our servers.
How the sync works
Clock
When audio is present it's the master clock. Per-word timestamps
spread linearly across each word's glyphs so characters reveal in
lock-step with the voice; ambient actions ride the same clock.
Reveal and actions follow play, pause, seeked, ratechange, and auto-nudge on
drift > 250 ms. No audio → reveal runs on speedPreset.
Three effect layers
| Layer | What it does | Driven by |
|---|---|---|
| Reveal | Per-glyph entrance (pop, drop, scramble) | revealStyle + reveal marks |
| Continuous | Sustained loop (pulse, drift, breathe) | activeEffect |
| One-shot | Punctuating hits (shake, flash, surge) at word positions | cues: TimedCue[] |
All three compose — swapping one never interrupts the others.
Fallbacks
| Situation | Behavior |
|---|---|
| Audio + word timestamps | Character-accurate sync (ideal path) |
| Audio, no timestamps | Distribute words evenly across clip duration |
| No audio | Stagger reveal on speedPreset; actions fire on setTimeout |
Inline text styles
Claude can tag word ranges with one of five inline visual
treatments. Zero to three per beat. Applied on the kt-word wrapper as data-kt-style; composes
with effects — a styled word can still carry a one-shot at the same
position.
| Style | Example | When Claude reaches for it |
|---|---|---|
| speech | a voice says “come home” | Direct dialogue — a voice, command, or remembered phrase. |
| aside | the house settles, tired of morning | Hushed parenthetical or second-layer detail. Volume-down pair to emphasis. |
| emphasis | the world tilts | The single load-bearing word the beat pivots on. At most once per beat. |
| underline | the sign reads KEEP OUT | Stark callout. Rare. Never more than two words. |
| code | a notification surfaces: OFFLINE | System / machine voice — terminal lines, screen labels, signage. Prefer single word; 2 is fine, 3+ rare. |