TL;DR
Abyssal Station is live as Room 6 of the FABLE/175 exhibition, presenting a browser-based 3,800-meter ocean descent controlled by scrolling. Its published brief describes a unified depth engine built with HTML, CSS, JavaScript and canvas, although its performance and accessibility claims have not been independently verified.
Abyssal Station, the sixth room in the completed FABLE/175 exhibition, is live with a custom scroll-driven system that turns movement through a webpage into a simulated 3,800-meter ocean descent. The exhibition presents the project as an AI-built demonstration of how one depth value can coordinate lighting, pressure readings, particles and animated creatures across an interactive site.
The central system is a master scroll anchor that measures the visitor’s position and converts it into simulated depth. According to the published design guide, that value drives background color, light levels and pressure data while also influencing particle drift, interface states and creature behavior. A fixed meter on the left side of the page counts downward through the ocean zones.
The brief says the experience was made with HTML, CSS and JavaScript, without frameworks, content delivery networks or external requests. CSS variables and JavaScript interpolation connect the changing visual palette to the depth reading, while a canvas animation system renders schooling fish, jellyfish, an anglerfish, marine snow and amphipods. The descent ends at 3,800 meters, where lights on the fictional research station activate.
The exhibition also lists keyboard navigation, visible focus states and a reduced-motion mode among its accessibility requirements. Its performance brief calls for animation loops to pause when the tab is hidden, particle counts to remain capped and layouts to work at 390, 834 and 1,440 pixels without horizontal overflow. Those targets come from the project documentation rather than an independent technical audit.
One Depth Value Controls Everything
Abyssal Station’s main technical idea is not the ocean setting but the use of one normalized depth signal to control many systems. Instead of giving each animation a separate scroll trigger, the design links color, light, data displays and motion to a shared simulated position. That approach can reduce timing conflicts and make a complex interactive sequence feel like one continuous environment.
The project also shows what an AI-directed production pipeline can produce with standard browser technology and no downloaded visual assets. For designers and developers, the useful result is a documented pattern for combining CSS variables, canvas rendering and scroll interpolation. The exhibition’s AI claim relates to how the site was produced; the depth engine running in the browser is described as conventional JavaScript rather than a live AI model.
browser-based interactive ocean simulation
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Room Six in FABLE/175
Abyssal Station is Room 6 of 175 in FABLE/175, which Thorsten Meyer AI describes as a finished exhibition of websites built end to end by AI. The room follows a supplied art-direction brief credited to Claude Fable 5 and uses the fiction of a crewed research station moving through progressively darker ocean zones.
The source describes a three-pass production process: an initial build and self-critique, an external critique intended to identify at least 10 problems, and a final art-direction pass. The brief also called for screenshots at three viewport widths during every pass. No detailed change log or side-by-side results from those passes were included in the supplied material.
“The page IS a descent.”
— FABLE/175 art-direction brief
Performance Claims Await Independent Testing
It is not yet clear how consistently Abyssal Station meets its stated 60-frames-per-second target across older phones, low-power computers or a broad range of browsers. The supplied source contains no frame-time measurements, device matrix or third-party performance report. It also does not provide results from an independent accessibility audit.
The material identifies the room as AI-built but gives limited detail about which production decisions were automated, how much code was revised by people or whether every documented critique step can be reproduced. The simulated pressure and zone data are presented as part of the fictional interface, and their scientific accuracy is not established by the source.
Visitors Can Test the Descent
The live Abyssal Station room is available through the FABLE/175 exhibition, where visitors can test the scroll behavior, reduced-motion handling and responsive layout themselves. The next meaningful evidence would be published performance traces, accessibility findings or a fuller build record showing how the AI production pipeline changed the site across its three passes. No update schedule has been announced.
Key Questions
What is Abyssal Station?
Abyssal Station is an interactive single-page website built around a fictional research outpost descending through ocean zones. It is Room 6 in the 175-site FABLE/175 exhibition.
How does the depth engine work?
The system converts scroll position into simulated depth. That shared value is then used to adjust lighting, background color, pressure readings, particles and canvas-based creature animations.
Does the website use AI while visitors scroll?
The source describes the site as built through an AI production pipeline, but it does not identify a live AI model operating during a visit. The running experience is described as standard HTML, CSS, JavaScript and canvas code.
What accessibility features are included?
The project brief specifies keyboard navigation, focus-visible styling, adequate body-text contrast and support for reduced-motion preferences. These are stated design requirements; independent compliance results were not supplied.
Has the 60fps performance target been verified?
No independent benchmark was provided. The brief sets a 60fps goal and calls for capped particle counts, limited layout work and paused animation in hidden tabs, but real-world performance may vary by device and browser.
Source: Thorsten Meyer AI
