Galerie prozeduraler Shader

Erstelle eine filmische Showroom-Website für die fiktive Elektrofahrzeugmarke Nexus Automotive. Der Hero-Bereich besteht aus einem prozeduralen Fragment-Shader im Vollbildformat – Licht strömt in Echtzeit – hinter zwei Zeilen übergroßer Serifenschrift und einem kurzen Claim; beim Scrollen folgt ein Abschnitt mit dem Markenmanifest. Den Kern bildet ein Modellindex: vier Fahrzeuge (eine Flaggschiff-Limousine, ein Touring-SUV, ein Performance-Supersportwagen und ein kompakter Stadtwagen), die als großformatige typografische Zeilen aufgeführt sind. Wenn du mit der Maus über eine Zeile fährst, wird das Bild dieses Fahrzeugs neben der Liste eingeblendet und die anderen Einträge werden abgedunkelt; ein Klick öffnet eine eigene Detailseite mit einer Einführung zur Positionierung und drei Textkapiteln (Form, Innenraum, Leistung) sowie einer Möglichkeit, zur Liste zurückzukehren. Ergänze einen Videobereich zum Markenerlebnis und eine Kontakt-Fußzeile mit der Adresse und den Öffnungszeiten des Erlebniszentrums. Halte die Farbpalette nahezu monochrom, kombiniere eine Display-Schrift mit Serifen mit einer Monospace-Schrift für Beschriftungen und nutze sanftes Scrollen mit dezentem Parallax-Effekt und Überblendungen. Liefere eine statische Website, die direkt im Browser läuft – Scrollen, Hover-Einblendungen und Seitennavigation müssen tatsächlich funktionieren. Ersetze die gezeigten Inhalte durch die einer Spezialitätenkaffeemarke: Aus fünf Produktlinien werden fünf sortenreine Kaffeebohnen, der Shader-Hero wechselt zu warmbraunem Dampf und Kaffeebohnenpartikeln, und jede Detailseite ergänzt Herkunft, Aufbereitung, Geschmacksnoten und Brühtipps. 

Erstelle eine filmische Showroom-Website für die fiktive Elektrofahrzeugmarke Nexus Automotive. Der Hero-Bereich besteht aus einem prozeduralen Fragment-Shader im Vollbildformat – Licht strömt in Echtzeit – hinter zwei Zeilen übergroßer Serifenschrift und einem kurzen Claim; beim Scrollen folgt ein Abschnitt mit dem Markenmanifest. Den Kern bildet ein Modellindex: vier Fahrzeuge (eine Flaggschiff-Limousine, ein Touring-SUV, ein Performance-Supersportwagen und ein kompakter Stadtwagen), die als großformatige typografische Zeilen aufgeführt sind. Wenn du mit der Maus über eine Zeile fährst, wird das Bild dieses Fahrzeugs neben der Liste eingeblendet und die anderen Einträge werden abgedunkelt; ein Klick öffnet eine eigene Detailseite mit einer Einführung zur Positionierung und drei Textkapiteln (Form, Innenraum, Leistung) sowie einer Möglichkeit, zur Liste zurückzukehren. Ergänze einen Videobereich zum Markenerlebnis und eine Kontakt-Fußzeile mit der Adresse und den Öffnungszeiten des Erlebniszentrums. Halte die Farbpalette nahezu monochrom, kombiniere eine Display-Schrift mit Serifen mit einer Monospace-Schrift für Beschriftungen und nutze sanftes Scrollen mit dezentem Parallax-Effekt und Überblendungen. Liefere eine statische Website, die direkt im Browser läuft – Scrollen, Hover-Einblendungen und Seitennavigation müssen tatsächlich funktionieren. Stelle alle Website-Texte auf Englisch um, einschließlich des großformatigen Index, der Fließtexte auf den Detailseiten und der Navigation. Passe Schriftgrößen und Zeilenhöhen für Englisch an, ohne die Shader-Visuals und Hover-Interaktionen zu verändern.