How AI Powers The Scroll-Driven Depth System Of Abyssal Station

Abyssal Station, the sixth room in the AI-made FABLE / 175 exhibition, is now presented as a live single-page experience in which scrolling controls a simulated 3,800-meter ocean descent. The accompanying build account says one depth engine coordinates lighting, color, pressure readings, particles and animated creatures, showing how AI-generated front-end code can support a tightly unified interactive design.

The central mechanism converts the visitor’s scroll position into a continuously changing virtual depth. According to Thorsten Meyer AI’s account, that shared value is then interpolated across dependent systems, including the background palette, light level, pressure readout, interface states and creature behavior.

The experience moves from surface teal toward near-black hadal water. A fixed meter on the left reports the descent, while canvas-rendered fish, jellyfish, an anglerfish, marine snow and amphipods appear in different ocean zones. Reaching the bottom activates station lights as the closing event.

The published brief specifies plain HTML, CSS and JavaScript, with no frameworks, build step, external requests or image assets. It also calls for self-hosted fonts, keyboard access, visible focus states, reduced-motion behavior, minimum 44-pixel tap targets and animation loops that pause when the page is hidden. These are design requirements stated by the project; the source does not include an independent accessibility or performance audit confirming every target was met.

One Depth Value Coordinates Everything

The project matters because it treats scrolling as a shared physical model, not merely a trigger for separate effects. Connecting every major response to the same depth value can make background changes, data displays and animation feel like parts of one continuous descent.

It also offers developers a compact example of how an AI coding workflow can translate art direction into a custom interaction without a framework or downloaded visual assets. The evidence supports AI involvement in producing the site, but the running page relies on browser-side code; the source does not indicate that a generative AI model makes decisions during each visit.

Inside the FABLE 175 Pipeline

Abyssal Station is room six of 175 in FABLE / 175, which Thorsten Meyer AI describes as a completed exhibition of websites built end to end by AI. The room’s published prompt credits Claude Fable 5 as art director and identifies the FABLE / 175 pipeline as the executor.

The source describes a three-pass production process: an initial build and self-critique, an external review tasked with finding at least 10 problems, and a final art-direction pass. Screenshots at 390, 834 and 1,440 pixels were requested during every pass, although those review records and fixes are not included in the supplied account.

“The page IS a descent.”

— The published Abyssal Station art-direction brief

Performance Evidence Is Still Missing

It is not clear how much of the final implementation was generated automatically, how much was edited by people or which tools performed each review pass. The supplied material gives the original brief and a process description but no prompt history, code revisions or authorship breakdown.

The brief also sets a 60-frames-per-second goal and several accessibility targets. No benchmark results, device matrix, automated test output or third-party audit were supplied, so real-world performance and compliance remain unconfirmed.

Live Testing Becomes the Next Measure

The next step for readers and developers is to examine the live Abyssal Station room and compare its behavior across desktop and mobile widths, reduced-motion settings and keyboard navigation. Those checks can show whether the published design targets hold outside the production description.

Further reporting would require the project’s build logs, source history and test results. Those records could clarify the division of labor between AI and human reviewers and document whether the depth engine maintains smooth performance on lower-powered devices.

Key Questions

What is Abyssal Station?

It is an AI-built interactive website presented as room six of the FABLE / 175 exhibition. Visitors scroll through a fictional deep-sea research mission descending to 3,800 meters.

How does scrolling control the experience?

The page converts scroll progress into a simulated depth measurement. That value controls color, lighting, pressure data, particles and creature animation at the same time.

Does AI run the page during a visit?

The source says AI built the experience, but the published architecture uses HTML, CSS and JavaScript in the browser. There is no confirmed evidence of live generative AI processing during ordinary interaction.

What happens at the bottom?

At the end of the 3,800-meter simulated descent, the surrounding water reaches its darkest state and station lights switch on for the finale.

Has its accessibility been independently verified?

No independent audit is included in the supplied material. The brief requires keyboard support, visible focus styling and reduced-motion behavior, but confirmation would require testing the live implementation.

Source: Thorsten Meyer AI