Casa Serra: Browser 3D Architecture Experience Built with Three.js and Opus 5.5

X postMeng ToDemo

Meng To highlights Samnang Aing's Casa Serra project, a web-based 3D experience that transforms a flat architectural floor plan into a walkable 3D house as the user scrolls, built using Three.js, GSAP, and Opus 5.5.

Key points

  1. The floor plan is not a static image but the actual 3D model cut at 1.2 metres and viewed from above through a long lens.
  2. Scrolling raises the cross-section plane to make walls rise while the camera descends to eye height and walks through the rooms.
  3. All 3D geometry was generated purely in code without external modeling tools like Blender, using CC0 textures from Poly Haven.
  4. The setup relies on Three.js, GSAP ScrollTrigger, and Lenis with vanilla files and no build step.
  5. Development required roughly 70 prompts across two weeks and four versions using Claude Code and Opus 5.5.

Why it matters

This experiment showcases how modern frontier models like Opus 5.5 can handle advanced WebGL and Three.js tasks, enabling new forms of interactive spatial storytelling for architects and digital agencies beyond traditional static renders.

Analysis

Meng To praises the creative fusion of architecture and 3D web design enabled by Opus 5.5. As creator Samnang Aing outlines, achieving this output was not a single-shot generation but a rigorous, two-week iterative design process using stepped checkpoints and continuous review.

Original post

Meng To

@MengTo · 3 November 2026

novel way to mix architecture, web design and 3d. opus 5.5 is a beast with three.js. prompt: t.co/lCUggYLSik t.co/yxh76OBUQe

625 likes13 replies938 bookmarks43.2k views

View on X
More posts in the thread (2)
  1. @asmirkn it does give you a foundation prompt that you can adapt to your ideas
  2. @dezign_ash the key is to find new ways to use ai for impossible things
Selected replies (5)
  • @asmirkn @MengTo wait the repo says there's no single prompt, how many rounds did you go through to get the walls building up in the right order as you scroll?
  • @dezign_ash @MengTo Floor plan to house on scroll is such a good storytelling pattern. Architects pitching clients with this instead of static renders would close way faster
  • @sukunatrader @MengTo damn. crazy
  • @arthurhumeau_ @MengTo Loooks so good
  • @heyraven_io @MengTo a building with a loading screen. civilization advances

Mentioned links

Links and tools from this entry

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.

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.