Philipp
Niestroj
Independent
Software Architect
Alle ArbeitenLeistungsfeld 03

Eigenprojekt

3D-Raumplaner

Parametrischer Planer mit React Three Fiber: Wände, Öffnungen und Möbel mit Snapping und Constraints, dazu ein 2D-Plan aus demselben Modell.

  • React Three Fiber
  • TypeScript
  • Parametrik
  • Constraints
  • 2D/3D

Ausgangslage

Ein Konfigurator wird erst dort interessant, wo die Auswahl Regeln folgt: Eine Öffnung gehört in eine Wand, ein Möbelstück steht nicht halb darin, und Maße müssen zueinander passen. Ohne solche Regeln entsteht ein 3D-Spielzeug, aus dem sich keine belastbare Konfiguration ableiten lässt.

Lösung

Ein Planer, in dem Räume parametrisch entstehen: Wände lassen sich ziehen, Öffnungen sitzen in Wänden, Möbel rasten an Kanten ein und halten sich an hinterlegte Constraints. Aus demselben Modell entsteht parallel ein 2D-Plan. Ein Panel „Under the hood“ legt Komponentenbaum und Render-Statistiken offen.

Technische Umsetzung

  • React Three Fiber als Renderschicht, TypeScript im gesamten Modell.
  • Ein gemeinsames Datenmodell für 3D-Ansicht und 2D-Plan – beide Darstellungen lesen dieselbe Quelle.
  • Snapping und Constraints sind Regeln im Modell, keine Sonderfälle in der Oberfläche.
  • Panel „Under the hood“ mit Komponentenbaum und Render-Stats, um das Verhalten zur Laufzeit sichtbar zu machen.

Was es belegt

  • Dass sich Konfigurationsregeln sauber im Modell abbilden lassen statt in der Oberfläche.
  • Dass 3D-Ansicht und technischer Plan aus einer Quelle kommen können und nicht auseinanderlaufen.
  • Dass die Struktur dahinter überprüfbar bleibt – auch im laufenden Betrieb.
Live-Demo
Demo wird vorbereitet

Eine öffentliche Demo steht noch nicht bereit. Ich zeige das System gern im Gespräch.

Demo-Zugang anfragen

Einblicke

Aufnahme folgt
3D-Ansicht des Raums

Etwas Vergleichbares vor?

Wenn Ihr Vorhaben in diese Richtung geht, sprechen wir am besten direkt darüber – konkret an Ihrem System.