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.
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.
Einblicke
Etwas Vergleichbares vor?
Wenn Ihr Vorhaben in diese Richtung geht, sprechen wir am besten direkt darüber – konkret an Ihrem System.