Viewito auf einen Blick
Viewito ist ein 3D-Designstudio, das vollständig im Browser funktioniert: keine Installationen, keine schwere Software. Modelle, Einrichtungen, Materialien, Lichter und Renderings werden in einer einzigen Umgebung erstellt und verwaltet — konzipiert für die Planung realer Räume wie Hallen, Stände, Räume und Immobilien.
Dieser Ratgeber erklärt jede Funktion im Detail: was sie tut, wie sie funktioniert, wie man sie nutzt und wie sie konkrete Probleme löst. Am Ende finden Sie ein vollständiges Anwendungsbeispiel, das alles zusammenführt.
1. Der 3D-Motor und die Ansichten
3D-Motor & Ansichten. Das Herzstück des Editors: eine leistungsstarke Three.js-Szene mit drei Ansichtsmodi.
So funktioniert es
Der Motor erstellt die 3D-Szene mit Post-Processing (Ambient Occlusion), Perspektiv- und Orthogonalkamera. Sie wechseln mit einem Klick zwischen Perspektive (freie 3D-Ansicht), Grundriss/Top (CAD-artige 2D-Ansicht, ideal für präzises Platzieren) und immersiv (Spaziergang durch den Raum, für Präsentationen und Touren).
- Orbital, Pan und Zoom mit Maus oder Touch
- Sofortiger Wechsel zwischen 3D, Grundriss und immersiver Ansicht
- Minimap und FPS-Anzeige
- Das Rendering pausiert, wenn es nicht gebraucht wird, um den Computer zu entlasten
So verwenden Sie es
Zur Orientierung: Drehen Sie, um den Raum aus jedem Winkel zu sehen, wechseln Sie zum Grundriss, um Objekte präzise auszurichten, und tauchen Sie in die immersive Ansicht ein, um einem Kunden zu zeigen, wie der Raum erlebt wird.
2. Der Basiseditor und die Auswahl
Basiseditor & Auswahl. Alle Vorgänge zur Verwaltung der Objekte in der Szene, von der Auswahl bis zur Bearbeitung.
So funktioniert es
Sie wählen Objekte mit einem Klick aus (oder mit Mehrfach-/Rechteckauswahl) und unterscheiden sie durch eine hervorgehobene Umrandung. Sie können duplizieren, ersetzen, löschen, sperren, drehen, skalieren und spiegeln. Jede Aktion wird in der Chronologie registriert, sodass Sie sie jederzeit rückgängig machen und wiederholen können.
- Einzel-, Mehrfach- und Outline-Auswahl
- Vollständiges Rückgängig/Wiederholen mit Chronologie
- Duplizieren, ersetzen, löschen und sperren
- Präzise Transformationen (verschieben, drehen, skalieren)
- Vertex-Editor zur Bearbeitung der Punkte von Wänden und Zäunen
So verwenden Sie es
Wählen Sie eine Einrichtung aus und ziehen Sie sie, oder nutzen Sie die Transformationsbefehle, um sie millimetergenau zu platzieren. Wenn Sie einen Fehler machen, drücken Sie Rückgängig: keine Angst vor Datenverlust.
3. Die Architekturwerkzeuge
Architekturwerkzeuge. Sie zeichnen das gesamte Gebäude mit parametrischen Werkzeugen: Wände, Öffnungen, Dächer, Treppen und vieles mehr.
So funktioniert es
Die Werkzeuge arbeiten punktbasiert: Sie klicken, um eine Wand zu ziehen, und der Editor erzeugt die Geometrie mit ausgeschnittenen Türen und Fenstern, abgeschrägten Ecken (Miter) und Massangaben. Sie können Dächer verschiedener Typen, Treppen (gerade, L, U, Wendel), Zäune, Wege, Säulen, Balkone, Parkplätze und Tore erstellen. Alles bleibt änderbar: Verschieben Sie einen Vertex, aktualisiert sich die Geometrie von selbst.
- Wände mit Türen und Fenstern, auch mehrstöckig
- Sattel-, Mansarden- und Walmdächer mit Dachrinnen
- Treppen, Zäune, Wege, Säulen, Balkone
- Parkplätze, Tore, Küchen und Architekturblöcke
- Vertex-Bearbeitung und Einrasten am Raster/Winkel
So verwenden Sie es
Für eine Halle: Zeichnen Sie zuerst den Umriss mit Wänden, schneiden Sie den Eingang mit einer Tür aus, fügen Sie eine Treppe für die oberen Stockwerke und einen Aussenweg hinzu, der den Eingang mit dem Platz verbindet.
4. Einrichtung und Katalog
Einrichtung & Katalog. Eine Bibliothek von Einrichtungsgegenständen, die Sie mit intelligenter Platzierung in die Szene ziehen.
So funktioniert es
Sie ziehen eine Einrichtung aus dem Katalog und lassen sie fallen: Der Editor platziert sie automatisch auf der richtigen Fläche (Boden, Wand oder Decke), mit einer Vorschau, die grün wird, wenn die Position gültig ist, und rot, wenn nicht. Sie können in Schritten drehen, an einer Wand ausrichten und das Raster-Einrasten nutzen. Für Messen gibt es die automatische Standanordnung.
- Katalog mit Drag & Drop in die Szene
- Platzierung auf Boden, Wand und Decke
- Gültigkeitsvorschau (grün/rot)
- Drehung, Wandausrichtung und Einrasten
- Automatische Anordnung von Messeständen
So verwenden Sie es
Ordnen Sie die Tische eines Ausstellungsbereichs an, indem Sie sie aus dem Katalog ziehen: Der Editor stellt sie auf den Boden und richtet sie zueinander aus. Mit der automatischen Anordnung verteilen Sie die Stände in Sekunden im Bereich.
5. Materialien und Texturen
Materialien & Texturen. Fotorealistische PBR-Materialien für jede architektonische Rolle, mit Palette und Texturen.
So funktioniert es
Jede Fläche hat eine Rolle (Wand, Boden, Decke, Tür, Fenster) und ein eigenes Material. Sie wählen aus 23 Farboberflächen, Materialien mit prozeduralen Texturen (Holz, Marmor, Fliesen, Ziegel, Gras, Beton) oder laden Ihre eigenen hoch. Das Glas nutzt ein physikalisches Material mit Brechung. Mit der Pipette kopieren Sie eine Farbe aus der Szene und wenden sie anderswo an.
- Materialien nach Rolle mit physikalischem Rendering
- 23 Farboberflächen und physisches Glas
- Prozedurale und individuelle Texturen
- Farbpipette und schnelles Anwenden
- Neueinfärbung der gesamten Szene per Preset
So verwenden Sie es
Wenden Sie einen Holzboden auf den Boden einer Suite und eine warme Oberfläche auf die Wände an: In wenigen Klicks wechselt der Raum von der leeren Kiste zur fotorealistischen Umgebung.
6. Messen, Einrasten und Präzision
Messen, Einrasten & Präzision. Mess- und Ausrichtungswerkzeuge für exaktes Planen.
So funktioniert es
Sie messen Abstände, Flächen, Umfänge und Winkel mit klaren Beschriftungen. Das Einrasten verankert Punkte an Kanten, Raster oder Fläche, sodass sich alles perfekt ausrichtet. Sie können Kameraansichten mit Vorschau speichern, um eine Einstellung wiederzufinden, und Themes auf die Szene anwenden (Tag, Nacht, Blueprint, Sonnenuntergang).
- Messung von Abständen, Flächen, Umfängen und Winkeln
- Einrasten am Raster, an Punkten, Kanten und Flächen
- Gespeicherte Kameraansichten mit Vorschau
- Szenen-Themes für die Präsentation
So verwenden Sie es
Vor der Materialbestellung messen Sie die Bodenfläche: Der Editor liefert die exakten Quadratmeter. Sie speichern die beste Ansicht für die Kundenpräsentation.
7. Verlauf, Auto-Save und Performance
Verlauf, Auto-Save & Performance. Die Arbeit ist immer geschützt: Chronologie, automatisches Speichern und Monitoring.
So funktioniert es
Jede Aktion wird in der Chronologie registriert (Rückgängig/Wiederholen). Das Auto-Speichern mit Debounce schützt die Arbeit und erkennt auch versehentliche Löschungen (verschwinden viele Objekte gleichzeitig, werden Sie gewarnt). Ein Monitor zeigt FPS, Draw-Calls und GPU-Speicher, und die Szenenstatistiken helfen zu verstehen, wo optimiert werden kann.
- Vollständige Chronologie mit Rückgängig/Wiederholen
- Auto-Speichern mit Fehlerschutz
- FPS- und GPU-Speicher-Monitor
- Szenenstatistiken und Sitzungsvergleich
So verwenden Sie es
Arbeiten Sie sorgenfrei: Wenn die Verbindung abbricht oder Sie versehentlich schliessen, ist das Projekt bereits gespeichert, und die Chronologie führt Sie zurück.
8. Fotorealistisches Rendering und KI
Fotorealistisches Rendering. Zwei Motoren für qualitativ hochwertige Bilder: Path Tracing und KI-Rendering.
So funktioniert es
Das Path Tracing simuliert Licht physikalisch in Studioqualität mit Presets (Draft/Medium/High/Ultra), Denoising und PNG/JPG-Export bis hohe Auflösung. Das KI-Rendering geht einen Schritt weiter: Es erfasst den Screenshot Ihrer Szene und verwandelt ihn in Sekunden in ein fotorealistisches Bild — mit derselben Bildausschnitt.
- Path Tracing mit Presets und Denoising
- PNG/JPG-Export in hoher Auflösung
- KI-Rendering Image-to-Image (Gemini)
- Vorher/Nachher-Vergleich
So verwenden Sie es
Wenn die Szene fertig ist, starten Sie das fotorealistische Rendering für den Katalog. Für ein schnelles „Wow“-Bild nutzen Sie das KI-Rendering: Ihre Szene wird mit kuratiertem Licht und Atmosphäre zu einem professionellen Render.
9. Import und Konvertierung
Import & Konvertierung. Bringen Sie Ihre Dateien hinein und zeichnen Sie aus bestehenden Projekten.
So funktioniert es
Sie importieren DXF, DWG, PDF und Bilder sowie Modelle GLTF/GLB und OBJ. Bei Grundrissen erkennt der Editor Wände automatisch aus einem Bild (OpenCV), und mit dem KI-Import interpretiert er die Planimetrie und erzeugt Böden, Decken und Beschriftungen.
- Import DXF, DWG, PDF und Bilder
- Import GLTF/GLB und OBJ
- Automatische Wandarerkennung aus Grundriss
- Grundriss-Import mit künstlicher Intelligenz
So verwenden Sie es
Sie haben den Grundriss einer Halle als DWG: Sie importieren ihn, die Wände werden erkannt und in 3D neu erstellt, und in wenigen Minuten haben Sie die Projektbasis, statt sie von null zu zeichnen.
10. Projekte, Events und Layouts
Projekte, Events & Layouts. Sie organisieren die Arbeit mit einem vollständigen Dashboard.
So funktioniert es
Das Dashboard verwaltet Projekte, Events, Layouts, Komponenten und Berichte mit CSV/XLS-Export. Sie können ein neues Projekt aus einer neutralen Szene erstellen, eines klonen oder von einem Modell ausgehen, und die inkrementellen Backups schützen die Versionen.
- Dashboard mit CSV/XLS-Export
- Verwaltung von Events und Layouts mit Sichtbarkeit
- Neue Projekte aus neutraler Szene, Clone oder Modell
- Automatische inkrementelle Backups
So verwenden Sie es
Für eine Messe mit mehreren Hallen: Sie erstellen ein Projekt für jede, organisieren sie nach Event und nutzen Layouts für verschiedene Versionen (Standardaufbau, Sonderevent, Verkaufsvorschau).
11. Künstliche Intelligenz
Künstliche Intelligenz. Interagieren Sie in natürlicher Sprache: Die KI erstellt, richtet ein und generiert Renderings.
So funktioniert es
Ein Chatbot interpretiert Befehle auf Italienisch oder Englisch: „Erstelle einen Raum 4x4“, „Füge ein Sofa hinzu“, „Richte im modernen Stil ein“. Zuerst nutzt er schnelle Regeln (günstig und sofort), dann wechselt er für komplexere Befehle zu einem Gemini-Modell und übersetzt alles in konkrete Aktionen im Editor.
- Chatbot für 3D-Befehle in natürlicher Sprache
- Automatische Raumerstellung und Möbelplatzierung
- Anwendung von Stilen und Materialien
- Fotorealistisches KI-Rendering
So verwenden Sie es
Statt dutzendfach zu klicken, schreiben Sie „Richte diesen Bereich im Industrial-Stil ein“: Die KI platziert die Einrichtung und wendet kohärente Materialien in Sekunden an.
12. Teilen und Messen
Teilen & Messen. Teilen Sie in Echtzeit, betten Sie ein und nutzen Sie die App auf Messebildschirmen.
So funktioniert es
Sie teilen das Projekt über einen Echtzeit-Link, um mit dem Team zu kollaborieren oder es einem Kunden zu zeigen. Sie betten das Modell über einen iframe in eine Website ein, und für Touchscreens auf Messen gibt es einen Kiosk-Modus mit vereinfachter Navigation und eine immersive virtuelle Tour.
- Echtzeit-Teilen und Zusammenarbeit
- Einbettung des Projekts in einen iframe
- Kiosk-Touch-Modus für Messen
- Immersive virtuelle Tour
So verwenden Sie es
Auf der Messe platzieren Sie das Modell auf einem Touchscreen im Kiosk-Modus: Die Besucher navigieren die Halle selbstständig, während Ihr Team auf Tablets die Details in Echtzeit zeigt.
Vollständiges Anwendungsbeispiel: Eine Messehalle aufbauen
Wir setzen alles in einem realen Szenario zusammen. Ein Unternehmen organisiert eine Messehalle mit 4.000 m² und muss sie Ausstellern und Kunden in 3D präsentieren.
- 1. Import — Sie importieren den DWG-Grundriss der Halle; die Wände werden automatisch in 3D erkannt.
- 2. Architektur — Sie fügen den Haupteingang mit einer breiten Tür hinzu, eine Treppe zum Ausstellungsbereich im Obergeschoss und einen Weg, der die Bereiche verbindet.
- 3. Einrichtung — Sie ziehen die Stände aus dem Katalog und nutzen die automatische Anordnung, um sie auf den Flächen zu verteilen — mit der Grundrissansicht, um sie am Raster auszurichten.
- 4. Materialien — Sie wenden einen Industrieboden im Ausstellungsbereich und Glas an den Standvitrinen an, mit der Pipette für eine kohärente Palette.
- 5. Messungen — Sie prüfen Flächen und Wege, um die Einhaltung der Kapazitätsvorschriften sicherzustellen.
- 6. KI-Render — Sie erzeugen ein fotorealistisches Rendering der kompletten Halle für das Werbematerial.
- 7. Ansichten und Themes — Sie speichern die besten Ansichten und wechseln für die Präsentation zu einem Nachtthema.
- 8. Teilen — Sie teilen den Link mit den Ausstellern, die die Halle in Echtzeit navigieren und ihren Stand wählen.
In wenigen Stunden, ohne schwere Software, wird aus einer Idee eine navigierbare, verkäufliche und präsentierbare 3D-Halle. Das ist der Wert von Viewito: Jede Funktion löst einen realen Arbeitsschritt, und gemeinsam verwandeln sie eine Planimetrie in ein Erlebnis.
Möchten Sie diese Funktionen an Ihrem Raum in Aktion sehen? Fordern Sie eine Expi4D-Demo an.