Lintel · Casa Serra: Interactive WebGL Architectural Concept

LinkSam AingDemo

Casa Serra is a web showcase for Lisbon architecture practice Lintel, created by Sam Aing using Claude Opus 5.5. The site transforms a 2D floor plan into a walkthrough 3D space rendered in real time using WebGL 2.

Key points

  1. Showcases Casa Serra, a 946 m² courtyard house with 16 rooms in the hills above Sintra.
  2. Requires WebGL 2 to construct and render the building live in the browser.
  3. Users scroll directly into the architectural drawing (Sheet A-101 rev D) to explore rooms interactively.
  4. Developed as a concept project by Sam Aing with Claude Opus 5.5 and CC0 materials from Poly Haven.

Why it matters

The project illustrates how advanced LLMs such as Claude Opus 5.5 can be leveraged to build complex, scroll-driven WebGL experiences that bridge the gap between traditional architectural drawings and 3D web exploration.

Analysis

The showcase demonstrates a compelling transition from flat 2D blueprint to real-time 3D walkthrough entirely inside the browser. By crediting Claude Opus 5.5 directly, the author highlights the growing capability of current AI tools to assist in building complex WebGL graphics pipelines and interactive web storytelling.

Mentioned links

Found in

Summary generated by AI (Gemini 3.8 Flash, 4 November 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • Repository:Sam1983Aing/casa-serra

    Casa Serra: Scroll-Driven 3D Walkthrough Emerging from a Floor Plan

    Casa Serra is an interactive WebGL experiment where a flat architectural floor plan morphs into a complete 3D house upon scrolling. Built using procedural geometry rather than 3D modelling suites, it was developed with Claude Code and Opus 5.5.

    422starsCSS

    AI & LLMs· Demo

  • X post:Eric Buess

    Creative Visualisations and 3D Projects Powered by Claude Opus 5.5

    Eric Buess curates a collection of community demonstrations showcasing how Claude Opus 5.5 is used for programmatic animations, 3D modelling, and video direction, frequently generating code rather than using image models.

    337bookmarks79.9kviews

    AI & LLMs· Resource

  • X post:Himanshu Hingorani

    AI-Driven Workflow for 3D Web Design and Interactive Frontends

    Himanshu Hingorani showcases a multi-step AI workflow for creative frontend design combining Midjourney v7, Claude Opus 5, Cursor, and Claude Code. Using an interactive 3D stage project named 'Zephyr', he argues against flat, cookie-cutter SaaS landing pages in favour of immersive web experiences.

    28bookmarks2.7kviews

    AI & LLMs· Demo

  • Repository:MengTo/seijaku

    Seijaku: Interactive Three.js 3D Walkthrough of a Kyoto Residence

    Seijaku is an interactive web demo by Meng To that delivers a continuous, scroll-based walkthrough of a virtual Kyoto residence. It combines procedural Three.js architecture, Web Audio soundscapes, and interactive material studies without requiring a build step.

    32starsHTML

    Web development· Demo

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

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

Parts of this content were created with the assistance of AI.