Ein Open-Source-3D-Gebäudeeditor steigt auf GitHub, gewann 171 Sterne an einem einzigen Tag, während Architekten und Entwickler seinen WebGPU-gestützten Ansatz für kollaboratives architektonisches Design bemerken.

Was ist Pascal Editor?

Pascal Editor ist ein browserbasierter 3D-Gebäudeeditor, gebaut mit React Three Fiber und WebGPU, für die Erstellung und Freigabe architektonischer Projekte direkt im Browser. Das Projekt ist unter der MIT-Lizenz veröffentlicht und als Turborepo-Monorepo organisiert.

Die Kernarchitektur teilt sich in fokussierte Packages:

- @pascal-app/core — Node-Schemas, Szenen-State (Zustand), Registry-Verträge, räumliche Abfragen - @pascal-app/viewer — 3D-Rendering via React Three Fiber - @pascal-app/editor — Bearbeitungswerkzeuge, Panels, Selektion und Direktmanipulation - @pascal-app/mcp — Model-Context-Protocol-Server für KI-Agenten-Integration

Technische Highlights

Node-basierte Szenengraphik: Alle 3D-Objekte werden als Nodes in einem flachen Wörterbuch beschrieben. Die Hierarchie verläuft von Gebäude über Ebene zu Wand/Decke/Dach.

WebGPU-Rendering: Das Projekt nutzt Three.js mit dem WebGPU-Renderer für leistungskritische 3D-Operationen.

Dirty-Node-System: Anstatt die gesamte Szene bei jeder Änderung neu zu rendern, verfolgt Pascal geänderte Nodes und verarbeitet nur diese im nächsten Frame.

MCP-Integration: Das MCP-Package stellt Szenenwerkzeuge für KI-kompatible Hosts bereit und ermöglicht es KI-Agenten, 3D-Szenen programmgesteuert zu interagieren und zu modifizieren.

Plugin-Architektur: Der Editor ist durch Plugins erweiterbar, die neue Node-Arten, Rendering, Platzierungswerkzeuge und Seitenleisten-Panels bereitstellen.

Technologie-Stack

React 19, Next.js 16, Three.js (WebGPU), React Three Fiber mit Drei, Zustand, Zod, Zundo, three-bvh-csg für Boolesche Geometrieoperationen und Turborepo.

Warum das wichtig ist

Web-basierte 3D-CAD-Werkzeuge haben historisch mit Leistung und Erweiterbarkeit gekämpft. Pascal Editors Kombination aus WebGPU-Rendering, einem Game-Engine-inspirierten Dirty-Node-System und einer sauberen Plugin-Architektur positioniert ihn als ernsthaften Anwärter für browser-native architektonische Gestaltung.