Depth on scroll

Parallax Website Builder — Real Depth, No Code

Type a place and get a one-page site where sky, buildings and foreground slide at different speeds as you scroll — no code.

**The Ninth Pier · Liyue** — Zhongli at the rail with the Traveler and Paimon. Four plates, rates 0.12x to 1.0x.

**Lantern Market Street · Liyue** — Chapter II: stall fronts and shophouses in front of a harbour that barely moves.

**Crane Watch Stair · Liyue** — Jiang Lian climbs past the stone lions; the pagoda stays put while the stair plates rise.

**The Gate · Katagiri High** — The gate and the bicycle rack, with two students still on the path.

**Classroom 3-B · Katagiri High** — Thirty-six desks in front, window light behind: one page, three distances.

**The Rooftop · Katagiri High** — The railing moves fastest; the town below barely drifts.

**Harbour Docks · Loguetown** — Smoker on the quay, crates and barrels eight times faster than the dawn water.

**The Execution Square · Loguetown** — The crowd plate between the platform and the square, the bell frame holding.

**The Lighthouse Cliff · Loguetown** — Cliff grass in front, Dragon on the path, the tower half a screen behind.

Depth is the whole trick. Studio draws the plates.

Neta Studio is an AI world builder — one sentence gives you a world with places, a cast and weather. A parallax page is one artifact that world produces: the same place is drawn once, then split into plates, so the scroll has something to separate. That world can also be walked, played or filmed; this page is only the depth.

Plates from one artwork — sky, architecture, props and a foreground silhouette all come out of a single master still, so the light still matches when they drift apart.
Rates you can feel — each layer gets its own speed; the foreground travels about eight times the sky, which is what reads as depth instead of a fade.
One folder, no build step — plain HTML, CSS and PNGs. Open it locally, drop it on a host, or publish it in the world for a link.

Questions, answered.

What is a parallax website?

A one-page site where things at different distances move at different speeds as you scroll. The sky drifts, the buildings drift more, the foreground races past. The depth comes from the difference, not from 3D.

Do I need Photoshop to cut the layers?

No. The session draws one master artwork per scene and returns the plates as separate PNGs, foreground included with a transparent edge. You can still open the folder in any editor.

How is this different from a scrolling video site?

A scroll-video site scrubs a pre-rendered camera flight — you watch footage go by. This is a stack of still plates on a fixed stage: nothing is filmed, the files are small, and any layer can be retimed by editing one number.

Can I use my own world or an existing IP?

Yes. Name the place and the cast, or point it at a world you already built — the plates are drawn from that world's architecture, so the scenes stay consistent.

How many scenes should I start with?

Three. One scene proves the effect; three make a page with an opening, a middle and a close. Each scene adds four plates.

Will it work on a phone?

Yes. Touch scroll drives the same rates, the stage fills the viewport, and the copy re-tightens in portrait. Under prefers-reduced-motion the plates hold still and the page becomes a normal illustrated one-pager.

Can I edit the words and the speeds afterwards?

Yes. The copy is plain HTML and each layer's rate is one number in the script. Change 0.12 to 0.2 and the sky moves faster; the rest of the page does not care.

Do I have to host it myself?

No. Publishing inside the world gives you a link that opens in a browser. The folder also drops onto any static host unchanged.

Give a place some depth.

One sentence, three scenes, four plates each — and a link you can open.

Build a Parallax Site