const SPECIES = [ { id: "scraper", code: "SC", name: "Scraper", note: "Creeps slowly over wet floors, grazing the film as it goes, and leaves clean trails through it. Hides in shells, hollows, and walled homes, and sleeps in a pod up in a structure." }, { id: "tab", code: "TB", name: "Tab", note: "Schools in open water, turning as one, and makes its home circling a structure, darting in among its frames when startled. Follows the plankton when hungry. Ranges out over the flooded shore at high water and swims home to its pool as the tide turns." }, { id: "pylon", code: "PY", name: "Pylon", note: "Stands still, filters the water, and catches tabs. Buds settle at the foot of structures." }, { id: "collector", code: "CL", name: "Collector", note: "Salvages husks and hoards brass in a corner, or up on a structure's deck." }, { id: "mason", code: "MS", name: "Mason", note: "Fills. Lifts spoil and stones and builds walled homes, filling in the hollow beneath first." }, { id: "breaker", code: "BR", name: "Breaker", note: "Hunts scrapers. Breaks walls down to reach them, and tears at a structure's footing to bring a pod down." }, { id: "borer", code: "BO", name: "Borer", note: "Digs. Sinks a burrow, then tunnels outward toward other water and banks the spoil beside it." }, { id: "artificer", code: "AR", name: "Artificer", note: "Builds from brass and salvage: structures in the water, one small part at a time, and sluice gates and beacons. Each has its own way of building, which its children inherit. Mends parts that breakers and storms work loose." }, ]; // Two swells across twice the ring's width, so sliding it along by half repeats seamlessly. const WAVE = "M0 10C16.5 6 33.5 6 50 10S83.5 14 100 10S133.5 6 150 10S183.5 14 200 10"; // The keys, as the settings panel lists them. const KEYS = [ ["W A S D", "Glide the view. Hold Shift to go faster."], ["Q E", "Turn the view."], ["R F", "Zoom in and out. Plus and minus work too."], ["Z X", "Choose what a tap drops."], ["Space", "Drop it where you point, or follow the machine there in Look mode. Enter works too."], ["Arrows", "Move the marker. With Shift, pan."], ["[ ]", "Step between machines."], ["1–9", "Go to a pool."], ["Esc", "Let go of the machine you follow."], ["?", "Open or close this panel."], ]; const TOOLS = [ { id: "look", label: "Look" }, { id: "brass", label: "Brass" }, { id: "shell", label: "Shell" }, { id: "pebble", label: "Pebble" }, { id: "feed", label: "Feed" }, ]; export function TidePoolContent() { return (
← Other

Tide pool

One pool on a tidal shelf. Everything else is dug.

{/* While the pool loads, and if the view is ever lost: the ring fills like a pool, then the view opens out of it. */}