TL;DR
Abyssal Station, Room 6 of the FABLE / 175 web exhibition, uses a shared depth value to coordinate its meter, lighting, pressure display, particles and animated creatures. The exhibition credits an AI-led production pipeline, but the published material does not provide performance tests, code, launch timing or independent reviews supporting the claim that the engine is revolutionary.
As detailed in the original analysis, FABLE / 175 has presented Abyssal Station, the sixth room in its 175-site exhibition, as an AI-built web experience that converts scrolling into a simulated 3,800-meter ocean descent. Its central development is a shared depth engine that links the page’s lighting, color, pressure data, particles and animated sea life to the visitor’s position, giving separate visual systems one continuous measure of depth.
The engine uses a master scroll anchor to calculate simulated depth and feed that value into dependent systems. According to the exhibition notes, CSS variables and JavaScript interpolation control background color, light decay and interface states, while a canvas layer manages creature movement and drifting particles. This architecture is the main reason the descent appears coordinated rather than assembled from unrelated scroll effects.
The experience moves from surface teal toward near-black as its fixed meter counts downward. Different zones introduce schooling fish, pulsing jellyfish, an anglerfish lure, marine snow and ghostlike amphipods. At the bottom, station lights activate as a restrained finale. The site was specified as pure HTML, CSS and JavaScript, with no frameworks, build step, remote requests or required image assets.
The exhibition says production followed three documented passes: an initial build and self-critique, an external critique intended to identify at least 10 problems, and an art-direction pass. The published brief also called for screenshots at 390, 834 and 1,440 pixels, 44-pixel tap targets, visible keyboard focus, reduced-motion support and animation loops that pause when the browser tab is hidden. The supplied source describes these goals and the completed result, but it does not include the test records needed to verify every target independently.
One Depth Value Drives Everything
Abyssal Station’s strongest technical idea is not an individual animation but the use of one normalized depth value across the whole page. That approach gives designers a consistent way to coordinate color, lighting, data displays and canvas behavior. It can also reduce the timing mismatches that often make scroll-driven websites feel like collections of separate effects.
The project also shows how an AI-generated creative brief can specify narrative, interaction, performance and accessibility in the same production plan. That matters to web teams experimenting with coding agents: the output is framed as a directed system with measurable constraints, not merely a generated visual concept. Still, the source supports a claim of AI-led creation, not an AI model operating inside the live depth engine. The runtime behavior described is conventional browser code.
interactive ocean simulation website
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Room Six in an AI Exhibition
Abyssal Station is Room 6 of FABLE / 175, a completed exhibition that describes its 175 websites as built end to end by AI. The room’s exposed prompt credits the original direction to Claude Fable 5 and says the FABLE/175 pipeline executed it. The source article forms part of a room-by-room series that also references projects such as Helios, Folium and Kinetika.
The brief defines the fiction as a crewed deep-sea research station moving through ocean zones. It pairs a scientific heads-up display with living-water effects and specifies Sora and JetBrains Mono as self-hosted fonts. This framing explains why the depth engine governs both environmental imagery and instrument readings: the interface and the story are designed to respond to the same descent.
“The page IS a descent.”
— The published Abyssal Station art-direction brief
scroll synchronized animation tools
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Performance Evidence Is Not Published
Several details cannot be confirmed from the supplied material. The source does not publish frame-rate measurements, accessibility audit results, browser coverage, source code or findings from the stated critique passes. It is also unclear which AI systems wrote the production code, how much human editing occurred, or whether outside reviewers conducted the external critique.
The description calls the technique a custom depth engine, but it does not establish that the underlying interpolation method is new. Scroll-linked variables, canvas animation and requestAnimationFrame are established web techniques. What appears distinctive is their coordinated use within this particular experience. Claims that the engine is revolutionary remain an interpretation unless supported by technical comparisons, independent testing or evidence of broader adoption.
depth engine visualization software
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Independent Testing Could Verify Claims
The next meaningful step would be publication of build notes, audit results and performance traces covering the three target screen widths and a range of browsers and devices. Access to the implementation would also let developers examine how depth is calculated, how particle counts are capped and how reduced-motion behavior changes the experience. Until that evidence is available, readers can inspect the live room and judge the visual result, while treating broader technical claims as the exhibition’s account.
HTML CSS JavaScript interactive experience
As an affiliate, we earn on qualifying purchases.
As an affiliate, we earn on qualifying purchases.
Key Questions
What is Abyssal Station?
Abyssal Station is an interactive single-page website presented as Room 6 of FABLE / 175. It portrays a research station descending through ocean zones as the visitor scrolls.
What does the depth engine do?
It converts scroll position into simulated depth, then uses that value to coordinate the depth meter, pressure reading, background, lighting, particles and canvas-based creatures.
Does artificial intelligence run the live experience?
The supplied material says AI built the site through the FABLE/175 production pipeline. It describes the live engine as HTML, CSS and JavaScript, not as an AI model making runtime decisions.
Why does the experience descend to 3,800 meters?
The 3,800-meter endpoint provides a narrative scale for movement through the ocean zones. Reaching the bottom activates the station-light finale.
Were its accessibility and performance targets verified?
The brief specifies keyboard access, contrast targets, reduced motion and a 60-frame-per-second goal. The supplied source does not provide independent audits or measurements confirming that every target was met.
Source: Thorsten Meyer AI
