Parallax-Website-Ersteller — ohne Code
Beschreibe einen Ort und bekomme eine Seite, auf der Himmel, Gebäude und Vordergrund beim Scrollen unterschiedlich schnell wandern — ohne Code.
Der ganze Trick ist Tiefe. Studio zeichnet die Ebenen.
Neta Studio ist ein KI-Weltbauer — ein Satz gibt dir eine Welt mit Orten, Personal und Wetter. Eine Parallax-Seite ist eines der Dinge, die diese Welt hervorbringt: derselbe Ort wird einmal gezeichnet und dann in Ebenen geteilt, damit das Scrollen etwas zu trennen hat. Dieselbe Welt lässt sich auch begehen, spielen oder filmen; diese Seite kümmert sich nur um die Tiefe.
- Ebenen aus einem Bild — Himmel, Architektur, Requisiten und Vordergrundsilhouette stammen aus demselben Master, deshalb stimmt das Licht noch, wenn sie auseinanderdriften.
- Geschwindigkeiten, die man spürt — jede Ebene hat ihre eigene; der Vordergrund ist etwa achtmal so schnell wie der Himmel, und das liest sich als Tiefe statt als Überblendung.
- Ein Ordner, kein Build — reines HTML, CSS und PNG. Lokal öffnen, auf einen beliebigen Hoster legen oder in der Welt veröffentlichen und einen Link bekommen.
Häufige Fragen
Was ist eine Parallax-Website?
Eine einseitige Website, auf der Dinge in unterschiedlicher Entfernung beim Scrollen unterschiedlich schnell wandern. Der Himmel zieht, die Gebäude ziehen mehr, der Vordergrund rast vorbei. Die Tiefe kommt aus dem Unterschied, nicht aus 3D.
Brauche ich Photoshop, um die Ebenen zu trennen?
Nein. Die Session zeichnet pro Szene ein Master-Bild und gibt die Ebenen als einzelne PNGs zurück, den Vordergrund mit transparentem Rand. Der Ordner lässt sich trotzdem in jedem Editor öffnen.
Worin unterscheidet sich das von einer Scroll-Video-Website?
Eine Scroll-Video-Seite spult einen vorgerenderten Kameraflug ab — du siehst Material vorbeiziehen. Hier stapeln sich stehende Ebenen auf einer festen Bühne: nichts wird gefilmt, die Dateien sind klein, und jede Ebene lässt sich über eine Zahl neu takten.
Kann ich meine eigene Welt oder eine bestehende IP nutzen?
Ja. Nenne Ort und Personal oder verweise auf eine Welt, die du schon gebaut hast — die Ebenen werden aus ihrer Architektur gezeichnet, so bleiben die Szenen stimmig.
Mit wie vielen Szenen sollte ich anfangen?
Mit drei. Eine Szene beweist den Effekt; drei ergeben Anfang, Mitte und Schluss. Jede Szene bringt vier Ebenen mit.
Funktioniert es auf dem Handy?
Ja. Touch-Scroll treibt dieselben Geschwindigkeiten, die Bühne füllt den Viewport, und im Hochformat zieht sich der Text wieder zusammen. Unter prefers-reduced-motion stehen die Ebenen still und die Seite wird eine normale illustrierte Einseiter.
Kann ich Texte und Geschwindigkeiten später ändern?
Ja. Der Text ist reines HTML, und die Rate jeder Ebene ist eine Zahl im Skript. Ändere 0.12 auf 0.2 und der Himmel läuft schneller; der Rest der Seite stört sich nicht daran.
Muss ich es selbst hosten?
Nein. Veröffentlichen in der Welt gibt dir einen Link, der im Browser öffnet. Der Ordner lässt sich auch unverändert auf jeden statischen Hoster legen.
Gib einem Ort Tiefe.
Ein Satz, drei Szenen, je vier Ebenen — und ein Link, der sich öffnet.