Lintel · Casa Serra: Interaktives Architektur-Konzept im WebGL-Browser

LinkSam AingDemo

Casa Serra ist ein Web-Showcase für das Architekturbüro Lintel aus Lissabon, umgesetzt von Sam Aing mit Claude Opus 5.5. Die Website verwandelt einen 2D-Grundriss per Scrollen in Echtzeit in einen begehbaren WebGL-2-Raum.

Das Wichtigste

  1. Präsentiert das Projekt Casa Serra: ein 946 m² großes Innenhofhaus mit 16 Räumen in Sintra.
  2. Die Anwendung erfordert WebGL 2 und rendert ein 3D-Gebäude live direkt im Browser.
  3. Nutzer scrollen durch den gezeichneten Grundriss (Plan A-101 rev D) und betreten die Räume interaktiv.
  4. Erstellt als Konzeptseite von Sam Aing unter Einsatz von Claude Opus 5.5 und CC0-Texturen von Poly Haven.

Warum das relevant ist

Das Projekt demonstriert, wie generative KI-Modelle wie Claude Opus 5.5 bei der Erstellung komplexer, interaktiver WebGL-Erlebnisse im Browser eingesetzt werden können, um Architekturpläne räumlich erfahrbar zu machen.

Einordnung

Die Demo verbindet klassische Architekturzeichnung mit modernem WebGL-Rendering. Statt statischer 2D-Pläne oder vorgerenderter Renderings wird das Gebäude dynamisch aufgebaut, sobald Nutzer scrollen. Die explizite Nennung von Claude Opus 5.5 verdeutlicht das Potenzial moderner KI-Assistenten bei der Code-Generierung für anspruchsvolle 3D-Webanwendungen.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 4. November 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Repository:Sam1983Aing/casa-serra

    Casa Serra: Scroll-gesteuerter 3D-Rundgang aus einem Grundriss

    Casa Serra ist ein interaktives WebGL-Experiment, bei dem sich ein flacher Architektur-Grundriss beim Scrollen in ein dreidimensionales Gebäude verwandelt. Das Projekt setzt auf prozedurale Geometrie ohne 3D-Modellierungssoftware und entstand mithilfe von Claude Code und Opus 5.5.

    422SterneCSS

    KI & AI· Demo

  • X-Post:Eric Buess

    Kreative Visualisierungen und 3D-Projekte mit Claude Opus 5.5

    Eric Buess kuratiert eine Reihe von Community-Projekten, die zeigen, wie Claude Opus 5.5 für programmatische Animationen, 3D-Modelle und Videoerstellung genutzt wird – oft rein über Code statt herkömmlicher Bildgeneratoren.

    337Lesezeichen79.948Aufrufe

    KI & AI· Sammlung

  • X-Post:Himanshu Hingorani

    KI-gestützter Workflow für 3D-Webdesign und interaktive Frontends

    Himanshu Hingorani stellt einen mehrstufigen KI-Workflow für kreatives Frontend-Design vor, der Midjourney v7, Claude Opus 5 sowie Cursor und Claude Code kombiniert. Anhand des Projekts 'Zephyr' demonstriert er eine interaktive 3D-Bühne mit Scroll-Animationen und plädiert gegen uniforme Standard-SaaS-Landingpages.

    28Lesezeichen2664Aufrufe

    KI & AI· Demo

  • Repository:MengTo/seijaku

    Seijaku: Interaktiver 3D-Rundgang durch ein Kyoto-Anwesen mit Three.js

    Seijaku ist eine interaktive Web-Demo von Meng To, die einen nahtlosen, scrollbasierten Rundgang durch ein virtuelles traditionelles Kyoto-Haus bietet. Die Anwendung kombiniert prozedurale 3D-Architektur, Web Audio und interaktive Materialstudien ohne separaten Build-Schritt.

    32SterneHTML

    Webentwicklung· Demo

  • X-Post:Robin Ebers

    Interaktive Architektur-Visualisierung mit Claude Opus 5.5

    Robin Ebers beschreibt, wie er mit einem Prompt in Claude (Opus 5.5) eine interaktive Leinwand erzeugen ließ, um die Architektur einer schnell gewachsenen Applikation visualisieren und nachvollziehen zu können.

    219Lesezeichen4032Aufrufe

    KI & AI· Demo

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.