Scroll-Website-Video-Generator

Scroll-Website-Video-Generator aus einem Prompt

Ein Prompt baut eine Seite, auf der die Scrollposition der Abspielkopf ist — die Kamera taucht in eine Szene, fliegt hinaus und landet in der nächsten, ohne Schnitt.

Fontaine bei Nacht — der Aquabus-Bahnhof, für diese Seite in der Genshin-Impact-Welt gebaut. Im Rahmen scrollen, um drei Szenen zu durchfliegen.

Fontaine bei Nacht, für diese Seite in der Genshin-Impact-Welt gebaut. Scrolle im Rahmen: drei Stationen, drei Tauchgänge, zwei Übergänge, ein durchgehender Flug.

The Descent — Chasm City, Brücken und Türme über einer leuchtenden Schlucht, mit Kapitelnavigation und Szenentext.

Scroll of Colossal Things — ein in die Klippe geschlagener Buddha, Efeu am Ohr, Szenentext und Zahlenzeilen daneben.

Cronache di Feira e Airalia — Airalia, die Stadt im Himmel, Adler über Wolkenbrücken, italienischer Text links.

Fontaine bei Nacht — die Einkaufspassage, Szenentitel und Kapitelnavigation über dem generierten Video.

Betrieben vom Scroll World-Skill — derselbe, der jedes Bild unten gebaut hat.

The Descent — das verlassene Tor. Ein beleuchteter Steingang läuft ins Dunkel, darüber Kapitelnavigation, 01 / 05, Titel und eine Zeile Text. — **Das verlassene Tor** — Szene 1 von 5: Kapitelnavigation, Titel und eine Zeile Text liegen als HTML über dem Video. Der Text bleibt nach dem Bau bearbeitbar.

The Descent — Kristallabstieg. Eine steinerne Wendelbrücke spannt über eine blau leuchtende Schlucht, dahinter ein Wasserfall. — **Kristallabstieg** — Mitten im Tauchgang die Wendel hinab. Die Kamera bewegt sich, sie steht nicht auf einem Standbild — das Geländer zieht vorbei, der Text bleibt.

The Descent — Drachensanktum. Ein Drache ringelt sich auf Gold und Eiern in einem überfluteten Gewölbe, mit einem Knopf „Noch einmal hinab“. — **Drachensanktum** — Der Flug endet beim Wächter und einem Knopf „Noch einmal hinab“. Die Scrolllänge bestimmt die Seite, nicht die Laufzeit eines Clips.

Scroll of Colossal Things — ein walgroßer Wal unter einem kleinen Boot, Tuschestil, mit chinesischem Text und Zahlenzeilen. — **Der Wal** — Fünf Tuschekapitel. Ein generiertes Standbild pro Szene, dann die Kamerafahrt; Zahlenzeilen und Kapitelchips sind HTML.

Scroll of Colossal Things — das Gesicht eines alten Mannes aus einem Bergrücken, darunter Nebel und Kiefern. — **Der schlafende Berg** — Szene 2 behält Papier, Pinsel und Schrift von Szene 1, weil jedes Standbild aus einer Master-Vorlage abgeleitet wird.

Scroll of Colossal Things — eine hohe Pagode im Nebel, daneben ein Drachenschwanz und ein Steinbuddha. — **Der Turm** — Ein vertikales Motiv im 16:9-Rahmen: Die Komposition wird für die Seite gewählt, damit auf dem Laptop keine Balken entstehen.

Cronache di Feira e Airalia — eine blaue Kristallstadt in einer Höhle, italienischer Titel Feira · la Città di Cristallo. — **Feira, Stadt aus Kristall** — Ein italienischer Bau: Titel, Fließtext und Navigation auf Italienisch. Die Seite wird in der Sprache geschrieben, die du verlangst.

Cronache di Feira e Airalia — ein Tal im Morgengrauen, See und Wald, italienischer Titel Il Mondo Esterno. — **Die äußere Welt** — Szene 3 verlässt die Tunnel durch einen generierten Übergang ins Tageslicht — die Kamera geht hinaus, statt ins Schwarze zu schneiden.

Fontaine bei Nacht — der Aquabus-Bahnhof, Szenentitel und Kapitelnavigation über dem generierten Video, für diese Seite gebaut. — **Der Aquabus-Bahnhof** — Für diese Seite in der Genshin-Impact-Welt gebaut: drei Szenen, drei Tauchgänge, zwei Übergänge, als eine Scrollseite veröffentlicht.

LIVE PROOF

See the work live.

Open the work and use it here.

Eine Seite, die Video scrubbst, keine Rolle, die abspielt.

Studio generiert die Szenen, die Tauchgänge und die Übergänge, schreibt den Text darüber und veröffentlicht die Seite. Was herauskommt, ist eine statische Site: die Videodateien, eine HTML-Datei, eine kleine Scrub-Engine. Kein Framework, keine Timeline, kein Export — URL öffnen und scrollen.

Scrollen ist der Abspielkopf — Jede Scrollposition entspricht einem Frame. Der Besucher gibt das Tempo vor, und wer mittendrin anhält, hält die Kamera genau dort an.
Ein Licht, drei Szenen — Ein Master-Standbild legt Palette und Licht fest; jede Szene wird daraus abgeleitet, sodass der Hafen aus Szene 1 in Szene 3 derselbe Hafen ist.
Text, den du ändern kannst — Titel, Kicker, Zahlenzeilen und Navigationslabels sind HTML in der veröffentlichten Seite. Wörter ändern, ohne einen Clip neu zu rendern.

Fragen, die vor dem Bau aufkommen.

Was ist ein Scroll-Website-Video-Generator?

Er baut eine Seite, auf der die Scrollposition den Abspielpunkt eines vorgerenderten Kameraflugs setzt. Du scrollst, die Kamera bewegt sich durch generierte Szenen — kein Play-Button, keine Timeline zum Schneiden.

Ist das ein Video von meiner Website beim Scrollen?

Nein. Wer eine bestehende Seite beim Scrollen aufnehmen will, braucht ein Aufnahmetool. Hier entsteht die Seite selbst, mit dem Video darin, und Scrollen treibt das Video.

Brauche ich GSAP, After Effects oder einen Videoschnitt?

Nein. Der Lauf schreibt reines HTML, CSS und eine kleine JavaScript-Scrub-Engine; die Clips werden generiert. Das Ergebnis liegt auf jedem statischen Host.

Wie viele Szenen sind möglich?

Drei sind Standard, rund 25 MB Video. Jede weitere Szene bringt einen Tauchgang und einen Übergang, etwa 9 MB mehr. The Descent auf dieser Seite läuft mit fünf.

Wie lange dauert ein Bau?

Erst die Standbilder, zuletzt die Clips. Ein Flug mit drei Szenen braucht je nach Videowarteschlange meist ein bis zwei Stunden — der Fontaine-Bau hier dauerte etwa 80 Minuten.

Läuft das auf dem Handy?

Ja. Touch-Scrollen bewegt dieselbe Engine, und kleine Bildschirme können eine leichtere Kodierung laden, damit die erste Szene früher startet.

Sind die Übergänge wirklich unsichtbar?

Jeder Übergang beginnt auf dem echten letzten Frame des Tauchgangs davor und endet auf dem echten ersten Frame danach. Manche Builds legen zur Sicherheit eine kurze Überblendung darüber; für einen harten Schnitt verlange framegleiche Anschlüsse.

Kann ich eigene IP, eigene Bilder oder eigenen Text nutzen?

Ja. Baue in einer bestehenden Welt, dann bleiben Besetzung und Architektur erhalten, oder gib ein Referenzbild mit. Szenentitel, Fließtext und Navigationslabels bleiben bearbeitbares HTML.

Gib einem Ort drei Stationen.

Der Button lädt einen Nachtmarkt am Hafen — Fischstände, Laterngasse, Schrein auf dem Dach. Ändere Ort und Stationen im Feld; die Seite kommt scrollbar zurück.

Einen Hafenmarkt bauen