oakroom studio

Ein echter Grundriss.
Raum für eigene Ideen.

Eine real vermessene Wohnung als interaktive 3D-Welt im Browser. Wände, Heizkörper und Lichtschalter sitzen dort, wo sie wirklich sind. Die Einrichtung bestimmst du.

Vom leeren Raum zum Loft. Möbel aufnehmen, drehen und absetzen, danach ein Rundgang durch die fertigen Räume. Mit Musik und Ablegegeräuschen.

Live-Demo öffnen

Ein Raum. Zwei Bildwelten.

In der Anwendung wird der Raum interaktiv. Für diesen einen Blick ins Arbeitszimmer habe ich ihn zusätzlich fotorealistisch ausgearbeitet: mit feinen Oberflächen, natürlichen Materialien und weichem Tageslicht.

Fotorealistischer Blick ins Arbeitszimmer mit Holztisch, Laptop und Lederstuhl vor einem Milchglasfenster — Gleiche Perspektive, gleiche Einrichtung. Die 3D-Ansicht wurde für diesen Vergleich in Three.js nachgestellt. Der fotorealistische Render entstand in Blender.

Derselbe Blick als nachgestellte Three.js-Szene mit vereinfachten Materialien — Gleiche Perspektive, gleiche Einrichtung. Die 3D-Ansicht wurde für diesen Vergleich in Three.js nachgestellt. Der fotorealistische Render entstand in Blender.

Gefilmt. Vermessen. Nachgebaut.

Am Anfang stand eine echte Wohnung. Ich habe jeden Raum gefilmt und mit einem Laser-Messgerät vermessen. Daraus habe ich den Grundriss gezeichnet: Wände, Dachschrägen, Türen und Fenster im richtigen Maß.

Auch Heizkörper und Lichtschalter sitzen an ihren echten Positionen.

Bemaßter Grundriss als Zeichnung, mit Wohn-, Schlaf- und Arbeitszimmer, Küche, Bad und Flur

Der Raum steht.
Die Gestaltung ist offen.

Böden, Wände, Möbel und Dekoration habe ich für die Anwendung gestaltet. So lassen sich auf demselben Grundriss ganz verschiedene Wohnideen ausprobieren.

Dieselbe Wohnung aus derselben Perspektive, im Loft-Stil eingerichtet — Derselbe Raum im Loft-Stil: Leder, Holz, Ziegel und schwarzer Stahl.

Die ganze Wohnung von schräg oben, leer: Ziegelwände, Holzboden, Heizkörper — Derselbe Raum im Loft-Stil: Leder, Holz, Ziegel und schwarzer Stahl.

Schlafzimmer mit Bettgestell aus schwarzen Rohren, Textilien und warmer Leuchte auf Holzkisten

Vom Möbelmodell bis zum Licht im Raum.

Die Anwendung und ihre ganze Bildwelt kommen aus einer Hand.

Modelle & Materialien: Möbel modelliert, Texturen erstellt, Oberflächen abgestimmt.
Licht & Schatten: Räume ausgeleuchtet, damit die Materialien wirken.
Bewegung & Bedienung: Möbel greifen, drehen und absetzen, mit Anheben und Nachschwingen.
Anwendung & Architektur: Grundriss, 3D-Ansicht und Rundgang in einer Anwendung.

Gebaut mit TypeScript, React und Three.js.