social playground

The satchel + bottles (live)

These boot automatically via the extension's real initGlobalFeatures:

Inventory satchel — the backpack edge nub on the left. Drag it, click to open the cozy kit, or press Cmd/Ctrl+Shift+I. Click an item to arm it (it rides next to your cursor). Press Esc to disarm.

Bottles — a message bottle places itself somewhere on this page (it's a real synced experiment — open it, read/add, seal).

Scissors — open the satchel and arm the scissors, then drag a line across an element to tear it open. Cuts persist locally across refreshes. Press Delete, Backspace, or Cmd/Ctrl+Z while armed to undo the latest cut.

Hammer — arm it and click an element repeatedly to dent, displace, and crack it. Impacts persist locally; the same undo shortcuts remove the latest hit while the hammer is armed.

Emote wheel — press Cmd/Ctrl+Shift+E to open a radial wheel of emotes at your cursor. Click one or press its number key (1–0) to play it on your cursor; it broadcasts to anyone else on this page. Esc closes the wheel. Interaction emotes (heart, high five, nuzzle, poke) aim at the nearest cursor.

Scissors test surface

These compare three DOM-native treatments. Each tear reveals the real page layer behind it; when no layer remains, the gap becomes a black hole. Cut each one, refresh to confirm persistence, then undo while armed.

a second collage was hiding here

organic paper paper tear jagged fibers, a wider opening, and a quick settling snap.

something softer underneath

cloth flap soft banner the torn halves keep fluttering after the cut.

pixel rip digital tile

Hammer test surface

Arm the hammer, then hit these repeatedly at different points. Damage accumulates up to six impacts per element, but the live DOM controls remain real underneath the pointer-transparent cracks.

bend + fracture sturdy interface panel hit opposite corners and watch the whole panel buckle.

Message bottle (direct render — for photos)

The real MessageBottle component, rendered directly (no sync needed, so it always shows). Click it to open, read, and seal — good for framing a screenshot. Tweak the message, color, or make it an empty prompt bottle, then reset to re-seal.

empty prompt bottle can reply

Some page content

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

The satchel + bottles (live)

Scissors test surface

Hammer test surface

Message bottle (direct render — for photos)

Sealing ceremony (direct play)

Some page content