Axel's Helferchen - Hilfe

Bedienungsanleitung

Tipp: Nutze das Suchfeld auf der linken Seite. Gib einen Begriff ein und drĂŒcke Enter, um blitzschnell von einem Treffer zum nĂ€chsten im Fließtext zu springen.

Willkommen bei Axel's Helferchen, dem 3D-Layout-Editor. Dieses Tool hilft dir dabei, schnell und prÀzise 3D-Szenen aus einfachen Grundformen zu erstellen.

1. Start des Editors

Beim Start der Anwendung erscheint ein AuswahlmenĂŒ:

  • Resume Session — LĂ€dt den letzten Stand aus dem Browser-Speicher (Cache).
  • Load from File — Öffnet den Datei-Dialog, um eine gespeicherte JSON-Szene zu laden.
  • General Start Template — LĂ€dt eine saubere Start-Vorlage (start.json).

Zudem findest du am unteren Rand des Start-Dialogs Links zur Hilfe und zum Impressum.

2. Bedienbuttons

Im unteren Bereich befinden sich die Bedienbuttons. Diese sind wie folgt gruppiert:

2.1 Ansichten

Nutze die Buttons Front, Back, Top, Bottom, Left und Right um die Kamera schnell exakt auf alle Seiten des Modells auszurichten.

2.2 Kamera und Zoom

2.2.1 Kamera umschalten

Ortho/Persp — Wechselt zwischen der perspektivischen Darstellung (realistische Tiefe) und der orthografischen Darstellung (ohne Fluchtpunkt, ideal fĂŒr isometrische Ansichten und genaue Ausrichtungen).

2.2.2 Zoom

  • Zoom All — Zentriert das gesamte Modell
  • Zoom Selection — Zoomt und zentriert das aktuell ausgewĂ€hlte Objekt

2.3. Bearbeiten

In dieser Gruppe sind generelle Bearbeitungsfunktionen zusammengefasst.

2.3.1 Update

Update — Berechnet die gesamte Szene manuell neu. Wird benötigt, wenn du komplexe Subtraktionen (Cutter) an Rohren oder BehĂ€ltern vorgenommen hast und das Modell grafische Fehler zeigt, oder falls das Tool nach Massen-Importen pausiert, um Leistung zu sparen.

2.3.2 Undo

Undo — Macht deine letzte Aktion (z. B. Verschieben, Werte Ă€ndern, Löschen) schrittweise rĂŒckgĂ€ngig. Bis zu 5 Schritte werden gespeichert.

2.3.3 Redo

Redo — Stellt eine mit Undo rĂŒckgĂ€ngig gemachte Aktion wieder her. Der Redo-Button ist aktiv, solange Schritte zum Wiederherstellen vorhanden sind. Sobald du eine neue Änderung vornimmst, wird der Redo-Speicher geleert.

2.3.4 Save

Save — Die App speichert automatisch im Browser-Cache. Mit Save lĂ€dst du zusĂ€tzlich eine JSON-Datei (als Backup oder zum Teilen) herunter. Die JSON enthĂ€lt auch die Hintergrundfarbe und -transparenz der Szene.

Sicherheitshinweis: Das Browser-Auto-Save ist nicht resistent gegen das automatische oder manuelle Leeren von Cookies (z. B. im Inkognito-Modus). Lade dein Projekt am Ende eines Arbeitstages immer ĂŒber Save als JSON-Datei herunter, um ein absolut sicheres Backup auf deiner Festplatte zu haben.

2.3.5 Load

Load — Öffnet eine JSON-Szene.

2.3.6 Clear

Clear — Löscht den Browser-Cache und leert die Szene unwiderruflich.

2.4 Panels/Import/Export

2.4.1 Panels

Das Panels â–Œ Dropdown ist das zentrale MenĂŒ, um alle Werkzeug-Fenster ein- oder auszublenden. Sichtbare Panels haben ein HĂ€kchen.

2.4.1.1 General Data

In General Data werden wesentliche Metadaten zu Projekt und Dokument erfasst:

  • Project title
  • Project no.
  • Document title
  • Document type
  • Document number
  • Document status
  • Department
  • Remark
2.4.1.2 Revisions

Das Revisions-System ermöglicht eine lĂŒckenlose Dokumentation und Versionierung deines Projekts. Es schĂŒtzt freigegebene StĂ€nde vor versehentlichen Änderungen.

  • Navigation — Nutze die Pfeiltasten (Links/Rechts) in der Toolbar des Revision-Panels, um durch die Historie zu blĂ€ttern.
  • Status-Workflow —
    • Created — Der aktuelle Entwurf – voll editierbar.
    • Checking / Approving — Zwischenstufen der PrĂŒfung.
    • Approved — Die Revision ist freigegeben. Das Modell wird eingefroren (Read-Only), um die IntegritĂ€t dieses Meilensteins zu wahren.
  • Create Version (Abzweigen) — Möchtest du auf Basis einer alten Version weiterarbeiten, klicke in der Historie auf Create version.
    Sicherheit: Dies ist nur möglich, wenn dein aktueller Arbeitsentwurf leer ist oder zuvor ĂŒber das Papierkorb-Icon (🗑) gelöscht wurde. So verhindern wir den Verlust von ungespeicherten EntwĂŒrfen.
  • Datensicherheit — Ein spezieller „Master-Lock“ sorgt dafĂŒr, dass beim bloßen Betrachten der Historie keine automatischen Speicherungen erfolgen. Dein Arbeitsentwurf bleibt im Hintergrund sicher verwahrt.
  • Snapshots — Jede Version speichert ein exaktes Abbild des gesamten Projekts, inklusive aller 3D-Objekt-Parameter, der Hintergrundfarbe und der Projekt-Metadaten (General Data).
  • Reset Revision (Panel-Header) — Dieser Button (oben rechts) erlaubt einen sauberen Neustart des Projekts aus der aktuellen Ansicht heraus.
    Was passiert? Die gesamte Revisionshistorie (alle vergangenen oder spĂ€teren Versionen) sowie der bisherige Entwurf in Arbeit werden gelöscht. Ebenfalls werden die Projektdaten (General Data) auf Standardwerte zurĂŒckgesetzt.
    Was bleibt? Das 3D-Modell sowie die Hintergrundfarbe der gerade aktiven Ansicht bleiben erhalten und werden zum neuen Arbeitsstand (Version 0).
2.4.1.3 Colors (Farblegende / Color Table)

Das Colors-Panel ist ein schwebendes Fenster, das alle in der Szene aktuell verwendeten Farben auflistet. In der Spalte Description kannst du Beschreibungen eintippen (z. B. Medienbezeichnungen fĂŒr Rohrleitungen), die diesen Farben zugeordnet werden.

  • Show assigned only begrenzt die Anzeige auf die Farben, welche eine Beschreibung erhalten haben.
  • Show all colors zeigt alle verwendeten Farben.
2.4.1.4 Hierarchy

Die Hierarchy ist das HerzstĂŒck deiner Projektstruktur. Hier verwaltest du die Beziehung zwischen Gruppen und Objekten. Das Panel ist standardmĂ€ĂŸig eingeblendet.

  • Gruppen vs. Objekte — Gruppen dienen als Container. Ein Objekt (z.B. eine Box) muss immer einer Gruppe zugeordnet sein.
  • Strukturierung — Klappe Gruppen auf oder zu, um die Übersicht zu behalten. Nutze das Suchfeld, um Elemente schnell zu finden.
  • HinzufĂŒgen — Verwende die Dropdowns unten links:
    • Add Group — Erstellt eine neue, leere Gruppe oder wĂ€hlt aus vorgefertigten Gruppen (Templates) aus.
    • Add Object — FĂŒgt der ausgewĂ€hlten Gruppe ein neues Objekt hinzu. Das MenĂŒ ist in Kategorien unterteilt (Konstruktion, Anlagenbau, Grundformen).
  • Aktionen — Neben jedem Objekt findest du Icons fĂŒr Aktionen wie z. B. Löschen oder Kopieren.
    • Kopieren — Erstellt eine exakte Kopie des Objekts am selben Ort. Dies unterstĂŒtzt auch aufwendige OBJ-Modelle (die externen Dateien werden dabei nahtlos neu geladen) und Cutters (isSubtractive), deren Zieleinstellungen restlos ĂŒbernommen werden.

Mehrfachauswahl & Gruppen-Bearbeitung

Du kannst mehrere Gruppen gleichzeitig bearbeiten, um Zeit zu sparen:

  • Auswahl — Halte die Strg-Taste (oder Cmd auf Mac) gedrĂŒckt und klicke auf mehrere Gruppen in der Hierarchie, um sie auszuwĂ€hlen.
  • Gemeinsame Eigenschaften — Wenn mehrere Gruppen ausgewĂ€hlt sind, Ă€ndert sich das Properties-Panel automatisch in den Multi-Edit-Modus.
  • Relative Eingaben —
    • Gib +5 ein, um die aktuelle Position/Rotation aller ausgewĂ€hlten Gruppen um 5 zu erhöhen.
    • Gib -3 ein, um sie zu verringern.
  • Absolute Eingaben — Gib einen normalen Wert (z.B. 10) ein, um alle Gruppen auf exakt diesen Wert zu setzen.
  • Farbe & Transparenz — WĂ€hle eine Farbe oder Transparenz, um sie sofort auf alle markierten Gruppen anzuwenden.
  • Gruppen-Aktionen — Oben im Multi-Edit-Panel stehen dir spezielle Sammel-Aktionen zur VerfĂŒgung:
    • Klicke auf 📄 Copy, um alle markierten Gruppen auf einmal zu duplizieren. Die neuen Kopien werden im Anschluss direkt markiert.
    • Klicke auf 🗑 Delete, um alle markierten Gruppen nach einer SammelbestĂ€tigung sofort aus dem Modell zu entfernen.
  • Standard-Optionen — Über die Checkboxen Show Label und Export data kannst du diese Einstellungen fĂŒr alle gewĂ€hlten Gruppen gleichzeitig umschalten.
2.4.1.5 Properties (rechtes Panel)

Sobald du ein Element auswÀhlst, erscheinen im rechten Panel die Properties. Das Panel ist im Standard eingeblendet. Hier erfolgt die prÀzise Steuerung:

Gruppen-Einstellungen

  • Name — Benenne deine Gruppe zur besseren Identifikation um.
  • Transformation — Ändere Position (X, Y, Z) und Rotation der gesamten Gruppe. Alle enthaltenen Objekte bewegen sich mit.
  • Farbe — Ändere die Farbe aller Objekte in der Gruppe gleichzeitig.
  • Transparenz — Ein Schieberegler, um die gesamte Gruppe durchsichtig zu machen.
  • Metadaten — Nutze die Felder „Descr 1-5“, um zusĂ€tzliche Infos zu hinterlegen.
    • Smarte VorschlĂ€ge: Beim Klicken in ein Feld werden automatisch Werte vorgeschlagen, die bereits in anderen Gruppen verwendet werden.
    • Dropdown-Pfeil: Ein Klick auf den Pfeil (rechte Zone) zeigt die vollstĂ€ndige Liste aller verfĂŒgbaren VorschlĂ€ge an.
  • Show Label — Aktiviert die automatische Beschriftung, die ĂŒber der Gruppe „schwebt“ und sich immer zur Kamera ausrichtet (Billboard).
  • Export data — Über diese Checkbox (standardmĂ€ĂŸig aktiv) kannst du festlegen, ob diese Gruppe im HTML- und XLSX-Export berĂŒcksichtigt werden soll (im exportierten HTML-Modell werden Gruppen ohne gesetzten Haken in der Hierarchie-Leiste ausgeblendet).

Objekt-Einstellungen (Allgemein)

  • Name — Benenne einzelne Objekte.
  • Transformation — Position, Rotation und Skalierung relativ zur Gruppe.
  • Cutter — Mach aus jedem Objekt ein „Negativ-Objekt“.
    Feature: Zieht dieses Objekt von anderen ab (Standard: vom eigenen Parent).
    Target Group: WĂ€hle explizit eine andere Gruppe, von der geschnitten werden soll.

Objekttypen im Detail

Jeder Objekttyp hat spezifische Merkmale und einen festen Nullpunkt (Origin), der bestimmt, wie sich das Objekt dreht und skaliert:

Construction

  • Box — Der Nullpunkt liegt mittig auf der Unterseite. Ideal zum Platzieren auf OberflĂ€chen.
    Settings: Breite, Höhe, Tiefe.
  • Platform — Der Nullpunkt liegt an der vorderen, linken, oberen Ecke. Perfekt fĂŒr prĂ€zise Kanten-Messungen.
    Settings: Breite, Höhe, Tiefe.

Process / Piping

  • Vessel (BehĂ€lter) — Nullpunkt mittig auf der StandflĂ€che.
    Settings: Höhe, Durchmesser, Kopfformen (dished, flat, round) und Orientierung.
    Besonderheit: UnterstĂŒtzt den Cutter (automatischer Quader-Ausschnitt fĂŒr CSG).
  • Pipe (Rohr) — Nullpunkt am ersten Punkt.
    Settings: Durchmesser, Isolierung und eine Liste von Koordinatenpunkten.
    Besonderheit: UnterstĂŒtzt ebenfalls den Cutter.

Primitives

  • Cube (WĂŒrfel) — Einfacher Grundkörper mit Nullpunkt genau in der Mitte.
    Settings: Breite, Höhe, Tiefe.
  • Sphere (Kugel) — Nullpunkt im Zentrum.
    Settings: Radius.
  • Cylinder (Zylinder) — Nullpunkt liegt mittig im Zentrum (wie beim Cube).
    Settings: Radius oben/unten (fĂŒr Kegel) und Höhe.

Misc & Custom

  • Label (Schild) — Ein platzierbares 3D-Objekt (Schild), das fest an einer Position in der Gruppe montiert wird. Ideal fĂŒr Warnschilder oder Markierungen direkt am Objekt.
    Settings: Drei Textzeilen, Hintergrund- und Textfarbe, sowie SVG-Upload.
    Feature: Background Transparency lĂ€sst den Hintergrund des Schilds verschwinden, sodass nur der Text/SVG zu sehen ist (ideal fĂŒr freistehende SchriftzĂŒge).
  • OpenSCAD — MĂ€chtige programmatische Geometrie-Erstellung.
    Editor: Schreibe vollwertigen OpenSCAD-Code direkt im Browser.
    Aktion: Klicke auf Render, um das Skript auszufĂŒhren. Fehler werden direkt angezeigt.
  • OBJ-Import — Importiere externe 3D-Modelle aus .obj-Dateien direkt in die Szene. Vorbereitet sind Modelle von Menschen z. B. zum GrĂ¶ĂŸenvergleich.
    Verwendung: WĂ€hle OBJ-Import aus dem Add Object-MenĂŒ und lade anschließend im Properties-Panel eine .obj-Datei hoch.
    Besonderheit: Das importierte Modell wird als normales Objekt in die Gruppe eingebettet und unterstĂŒtzt Position, Rotation und Skalierung wie alle anderen Objekttypen.
    Hinweis: Farben aus dem OBJ (MTL-Datei) werden, sofern vorhanden, automatisch ĂŒbernommen.

Scene (Hintergrund-Einstellungen)

Wenn kein Objekt oder keine Gruppe ausgewÀhlt ist, zeigt das rechte Properties-Panel die Szenen-Einstellungen:

  • Background — FarbwĂ€hler fĂŒr die Hintergrundfarbe der 3D-Szene. Nutze auch die Farbfelder (Swatches) fĂŒr schnellen Zugriff auf Vorauswahlen.
  • Transparency — Schieberegler fĂŒr die Transparenz des Hintergrundes (0 % = undurchsichtig, 100 % = vollstĂ€ndig transparent). Transparenz ist sinnvoll z. B. fĂŒr Renderings auf weißem Hintergrund.
2.4.1.6 Section Box

Schneidet das Modell an beliebigen Achsen an, um ins Innere zu schauen.

  • Nutze die 6 Schieberegler im aufklappbaren Panel, um jede Seite (Oben, Unten, Links, Rechts, Vorne, Hinten) einzeln zu beschneiden.
  • Absolute Maßangaben: Die Werte werden als absolute AbstĂ€nde vom Origin-Nullpunkt angezeigt. Neben den Slidern siehst du die jeweiligen Minimal- und Maximalwerte.
  • Smart-Eingabe: Du kannst die Schnittstellen-Werte im mittleren Textfeld auch direkt eintippen. Das Feld unterstĂŒtzt Komma/Punkt sowie einfache Rechenoperationen.
  • Reset Box — Setzt die Box auf die maximale GrĂ¶ĂŸe zurĂŒck.
2.4.1.7 Measure

Der Messmodus wird aktiviert. Klicke auf OberflÀchen im Modell, um Koordinaten und AbstÀnde relativ zum Origin-Nullpunkt abzulesen.

  • 1. Klick — Setzt den ersten Messpunkt (schwarze Kugel).
  • 2. Klick — Setzt den zweiten Punkt — Abstand wird sofort berechnet.
  • 3. Klick — Setzt einen neuen zweiten Punkt, der alte zweite Punkt wird zum ersten Punkt und der alte erste Punkt wird gelöscht.

Die Messtabelle zeigt drei Zeilen:

  • Absolut — Koordinaten des letzten Punktes (relativ zum Origin).
  • Vorherig — Koordinaten des vorhergehenden Punktes.
  • Differenz — ΔX, ΔY, ΔZ und die Entfernung.

Origin – Der Bezugspunkt

Die Origin-Gruppe (roter Kegel, Spitze = Nullpunkt) dient als Koordinatenursprung fĂŒr alle Messungen. Diese wird automatisch erstellt und platziert, sobald du das Messwerkzeug das erste Mal aktivierst. Verschiebe sie an die gewĂŒnschte Referenzstelle — die Messtabelle aktualisiert sich live.

Wenn kein Origin vorhanden ist, wird dieser beim Start des Measure-Modus am Weltkoordinatenursprung eingefĂŒgt.

2.4.2 Export

Im Export â–Œ Dropdown stehen folgende Formate zur VerfĂŒgung:

  • HTML — Interaktives 3D-Modell (bevorzugt zur Weitergabe) — Erzeugt eine eigenstĂ€ndige, interaktive HTML-Datei zur Weitergabe an Kunden, Partner oder Kollegen:
    • Bevorzugtes Format zur Weitergabe — Die Datei kann direkt in jedem modernen Webbrowser (auch offline per Doppelklick ĂŒber file://) geöffnet werden. EmpfĂ€nger benötigen keinerlei CAD-/3D-Software, keine Plugins und keinen Webserver.
    • Schutz der Konstruktionsdaten — Das Modell öffnet sich als schreibgeschĂŒtzte Visualisierung (Read-Only). Geometrien, Maße und Baugruppenbeschriftungen sind voll interaktiv sicht- und messbar, wĂ€hrend interne Konstruktions- und Bearbeitungsparameter geschĂŒtzt bleiben.
    • Integrierte Viewer-Funktionen:
      • 3D-Navigation & Ansichten — Frei drehen, zoomen und verschieben, Standardansichten (Isometric, Front, Top, Right etc.), Drahtgittermodell (Wireframe) sowie Umschaltung zwischen Light- und Dark-Theme (alle Modale, Panels, Werkzeugleisten und Tabellen passen sich nahtlos an das gewĂ€hlte Theme an).
      • Hierarchy & Properties — Baugruppen-Hierarchie mit Toolbar-Button Hierarchy zum Ein- und Ausschalten (sowie Schließen-Kreuz). Bei Klick auf ein Bauteil im 3D-Modell, dessen Eigenschaften exportiert wurden (Checkbox Export data aktiv), öffnet sich das Properties-Panel stets zuverlĂ€ssig mit den hinterlegten Metadaten (Name, Descr 1–5), auch wenn das Hierarchy-Panel ausgeblendet ist. Inklusive Fokus-Funktion (Zoom Selection), Suchfeld und Ein-/Ausblenden einzelner Baugruppen per Augensymbol.
      • Messen (Measure) — Vollwertiges CAD-Messwerkzeug analog zur 3DSkizze mit relativen Koordinaten zum Koordinatenursprung (Origin), Delta-Werten (ΔX, ΔY, ΔZ) und Punkt-zu-Punkt-Distanz in einer frei verschiebbaren Messtabelle.
      • Section Box — Vollwertiges Schnittbox-Panel analog zur 3DSkizze: frei verschiebbares Floating-Panel mit 6 Schnittebenen (Right, Left, Top, Bottom, Front, Back), Anzeige der relativen Koordinaten zum Origin, numerischen Eingabefeldern, Schiebereglern mit Min/Max-Grenzen sowie Reset Box-Button.
      • Title block (Schriftfeld) — Einblendbares technisches Schriftfeld unten rechts mit Projektdaten (General Data) und aktuellem Revisionsstand, farblich passend zum Theme.
      • Remark & Farblegende (Color Legend) — Unten links werden Projektbemerkungen (Remark) angezeigt. Über den Toolbar-Button Color legend kann die Farblegende aller im Modell verwendeten Farben flexibel ein- und ausgeschaltet werden (standardmĂ€ĂŸig ausgeblendet; steht zur VerfĂŒgung, wenn im Colors-Panel Beschreibungen hinterlegt wurden). Beide Infoboxen passen sich dynamisch an das Light/Dark-Theme an.
  • STL — Standard fĂŒr 3D-Druck. EnthĂ€lt nur die Geometrie, keine Farben.
  • OBJ — Universelles Format, unterstĂŒtzt von fast allen 3D-Programmen (Blender, AutoCAD, 3ds Max).
  • GLTF — Modernes Web-3D-Format (JSON-basiert). Ideal fĂŒr Web-Viewer und AR/VR-Anwendungen.
  • GLB — BinĂ€re Version von GLTF, inklusive Farben. Kompakt und schnell zu laden.
  • PLY — Verbreitet in 3D-Scanning und wissenschaftlichen Anwendungen (MeshLab, CloudCompare).
  • DAE — COLLADA-Format. Ideal fĂŒr Game Engines (Unity, Unreal) und Architektur-Software (SketchUp).
  • PNG — Screenshot — Erzeugt einen hochauflösenden Screenshot der aktuellen 3D-Ansicht.
    • Auflösung — Das Bild wird intern mit 2048 × 2048 Pixeln gerendert, unabhĂ€ngig von deiner BildschirmgrĂ¶ĂŸe.
    • Transparenz — Der Hintergrund wird transparent exportiert, sodass das Modell leicht in PrĂ€sentationen oder Dokumente eingebettet werden kann.
    • Clipboard — Das Bild wird nicht nur heruntergeladen, sondern auch automatisch in die Zwischenablage kopiert (sofern vom Browser unterstĂŒtzt), sodass du es direkt mit Strg + V in andere Programme einfĂŒgen kannst.
  • XLSX — Excel-Format — Erzeugt eine ĂŒbersichtliche Arbeitsmappe (optimierte Spaltenbreiten) mit Haupt-TabellenblĂ€ttern sowie separaten BlĂ€ttern je exportierter Gruppe:
    • General data — EnthĂ€lt die Projekt-Metadaten (Titel, Zeichnungsnummer, Abteilung, Status etc.) sowie die Pfad-Informationen zum verwendeten Logo.
    • Revisions — Eine tabellarische Auflistung der gesamten Revisionshistorie inklusive des aktuellen Entwurfs.
    • Groups — Exportiert alle Gruppen (sofern im Properties-Panel nicht deaktiviert) inklusive Metadaten (Descr 1-5), Farbe, Position und Rotation.
      • ID (Key) — Der einzigartige SchlĂŒssel jeder Gruppe.
      • Color Legend Mapping — Beschreibungen aus dem Colors-Panel werden automatisch zugeordnet.
      • Farbe & Legende — Zellen in den Spalten „Color“ und „Color Legend“ werden mit der tatsĂ€chlichen Hintergrundfarbe der Gruppe eingefĂ€rbt.
    • TabellenblĂ€tter je Gruppe — FĂŒr jede exportierte Gruppe wird ein eigenes Tabellenblatt erzeugt, das alle Kind-Elemente mit ihren lokalen Daten auflistet:
      • ID (Key) & Name — Eindeutige Kennung und Name des Objekts.
      • Type — Bauteiltyp (Box, Zylinder, BehĂ€lter, Rohr etc.).
      • Lokale Position — Pos X, Pos Y, Pos Z relativ zum Gruppenursprung.
      • Lokale Rotation — Rot X, Rot Y, Rot Z (sowohl als Bogenmaß als auch in Grad °).
      • Skalierung — Scale X, Scale Y, Scale Z.
  • 2d drawing — Technical Drawing — Öffnet den integrierten Technical Drawing Viewer als Overlay. Dort wird automatisch eine professionelle technische Zeichnung im DIN-A1-Format (841 × 594 mm) generiert.
    • Konfiguration im Export-Dialog — Bevor der Viewer öffnet, kannst du die Ansichten anpassen:
      • Sortierung (â–Č/â–Œ) — Nutze die Pfeiltasten neben jeder Ansicht, um deren Reihenfolge auf den BlĂ€ttern zu verschieben. Die Sortiernummern werden dabei automatisch neu vergeben.
      • Seitenumbruch (↔) — Klicke auf das Umbruch-Symbol, um nach der jeweiligen Ansicht eine neue Seite zu erzwingen. Ein aktivierter Umbruch wird farblich hervorgehoben. Dies erlaubt es dir, Ansichten logisch auf BlĂ€tter zu verteilen (z. B. alle Schnitte auf ein eigenes Blatt).
      • Labels — Die Bezeichnungen fĂŒr Standardansichten und Schnitte können direkt im Dialog editiert werden.
    • Ansichten — Die Zeichnung kann beliebig viele Ansichten und Schnitte enthalten:
      • Standard Projections — Front, Top, Left, Back, Bottom, Right und Perspective.
      • Custom Sections (Individuelle Schnitte) — Erstelle eigene Querschnittsansichten durch das Modell:
        • Richtung — WĂ€hle die Blickrichtung (z.B. Frontansicht fĂŒr einen vertikalen Schnitt parallel zur XZ-Ebene).
        • Offset — Definiere den Versatz (Abstand) der Schnittebene zum Modellursprung (0,0,0). Dies erlaubt es, das Modell an einer beliebigen Stelle "aufzuschneiden".
        • Label — Gib der Ansicht einen aussagekrĂ€ftigen Namen (z.B. "Schnitt A-A"). Dieser wird in der Zeichnung unter der Ansicht angezeigt.
        • HinzufĂŒgen (+) — FĂŒgt den Schnitt der Liste hinzu. Dort kann er wie Standardansichten sortiert oder editiert werden.
      • Standardschnitte (Automatische Plattform-Schnitte) — Befinden sich Plattformen (z. B. Stockwerke oder Ebenen) im 3D-Modell, erkennt das Export-System diese automatisch.
        • FĂŒr jede Plattform wird automatisch ein waagerechter Top-Schnitt zum Hineinsehen generiert (exakt minimal unterhalb der Plattformkante).
        • Ausblenden — Wenn du diese Automatikschnitte nicht auf dem Plan brauchst, lösche einfach die Zahl im Feld Order. Der Schnitt wird fĂŒr den Export ignoriert und belĂ€sst das Feld leer, bis du wieder eine Nummer zuweist.
        • Neu-Tab-Aufteilung — Der erste automatisch generierte Schnitt forciert typischerweise einen Seitenumbruch (↔), sodass du deine Layout-Schnitte gebĂŒndelt auf einem frischen Zeichnungsblatt erhĂ€ltst.
    • Automatisches Layout — Das System platziert bis zu 6 Ansichten pro Blatt. Manuelle SeitenumbrĂŒche ĂŒberschreiben dieses Verhalten und starten sofort ein neues Blatt.
    • Transparenz — Alle Screenshots werden mit transparentem Hintergrund gerendert — das Modell liegt direkt auf dem weißen Zeichnungsblatt auf.
    • Auflösung — Jeder Screenshot wird intern in 2048 × 2048 Pixel gerendert, um maximale QualitĂ€t zu gewĂ€hrleisten.
    • View Size (mm) — In der Viewer-Toolbar findest du einen Schieberegler View Size (mm) (100–400 mm), mit dem du die DarstellungsgrĂ¶ĂŸe aller Ansichten live anpassen kannst.
    • 2d drawing exportieren — Weitere Viewer-Funktionen wie PDF-Druck und Download sind in Kapitel 3. 2d drawing beschrieben.

Empfehlung fĂŒr die Weitergabe: FĂŒr Kunden, Projektpartner oder Kollegen ist der HTML-Export das bevorzugte Format. Die Datei benötigt keinerlei Software-Installation, lĂ€uft in jedem modernen Webbrowser und schĂŒtzt gleichzeitig die Konstruktionsparameter deines Modells.

Tipp fĂŒr Office 365: Nutze das GLB- oder OBJ-Format, um deine 3D-Modelle direkt per Drag & Drop in Word, PowerPoint oder Excel einzufĂŒgen. Diese bleiben dort dreh- und zoombar!

Tipp fĂŒr CAD (z.B. SolidWorks): Nutze das OBJ- oder STL-Format fĂŒr den Import in CAD-Software.

2.4.3 Import

XLSX

Über XLSX-Import können zuvor exportierte Excel-Dateien wieder eingelesen werden. Dies ist ideal fĂŒr MassenĂ€nderungen oder zur Synchronisation von Projektdaten.

  • Struktur-PrĂŒfung — Die Datei muss die Standard-BlĂ€tter (General data, Revisions, Groups) enthalten. Beim Import kannst du wĂ€hlen, welche Bereiche aktualisiert werden sollen.
  • General Data & Revisions — Diese Bereiche werden bei Auswahl ĂŒberschrieben. Hierbei werden leere Excel-Zellen ignoriert, was effektiv verhindert, dass bestehende Daten im Modell versehentlich gelöscht werden. Zudem ist der „Document status“ ein reines Freitextfeld, sodass beliebige Statusbezeichnungen zentral ĂŒber Excel verteilt werden können.
  • Gruppen-Abgleich —
    • Existiert die ID (Key) bereits im Modell, werden Name, Beschreibungen, Farbe und Transformation (Position/Rotation) aktualisiert.
    • Ist die ID neu oder leer, wird eine neue Gruppe mit den entsprechenden Werten erstellt.
    • Wichtig: Bestehende 3D-Geometrien innerhalb der Gruppen bleiben erhalten.

JSON-Import (additiv)

ZusĂ€tzlich zum XLSX-Import bietet der JSON-Import eine tiefgreifende Möglichkeit, bestehende Projekte mit Daten aus anderen JSON-Dateien zu ergĂ€nzen (Merge), ohne den aktuellen Stand zu ĂŒberschreiben.

  • Additiver Modus — Neue Gruppen (mit unbekannten IDs) werden einfach zum Modell hinzugefĂŒgt.
  • Inhalts-Abgleich (Smart Merge) —
    • Ist die ID identisch und der Inhalt gleich, wird die Gruppe ĂŒbersprungen.
    • Ist die ID identisch, aber der Inhalt unterscheidet sich, wird die Gruppe als Duplikat hinzugefĂŒgt.
  • Hervorhebung — Importierte Duplikate erhalten in der Hierarchy automatisch den Namensteil (imported) und einen orangenen Badge: ⏥ IMPORTED.
  • Undo-Schutz — Jeder Importvorgang wird als ein einzelner Schritt im Undo-Speicher abgelegt.

Hinweis: Beim Import als Duplikat werden intern neue, eindeutige SchlĂŒssel (UUIDs) fĂŒr die Gruppe und alle darin enthaltenen Objekte vergeben.

3. 2d drawing

Der integrierte 2d drawing Viewer generiert und zeigt technische Zeichnungen auf Basis deines 3D-Modells. Die Zeichnungen werden im professionellen DIN-A1-Format gerendert. Im Viewer findest du rechts eine Seitenleiste (Sidebar) mit folgenden Werkzeugen:

  • View Size & Maßstab — Über den Schieberegler im Bereich "View Configuration" kannst du die BildgrĂ¶ĂŸe (in Millimetern) aller Modellansichten stufenlos verĂ€ndern. Die Maßstabsangabe (z.B. 1:50) im Feld darunter aktualisiert sich dabei live und berechnet den exakten Zeichnungsmaßstab.
  • 📄 PDF erstellen — Öffnet den Druckdialog des Browsers. Durch ein spezielles Druck-Stylesheet wird die Zeichnung automatisch maßstabsgetreu als mehrseitiges DIN-A1-Dokument formatiert. WĂ€hle im Druckdialog "Als PDF speichern".
  • đŸ–Œïž 2d drawing speichern — LĂ€dt die komplett generierte technische Zeichnung (inkl. Schriftfeld, Revisionshistorie, Logo und Farblegende) als skalierbare Vektorgrafik (.svg) direkt auf deinen Rechner herunter.
  • ⟳ Reset View — Setzt Position und Zoom der ZeichenflĂ€che zurĂŒck, falls du dich beim Pannen (Rechtsklick + Ziehen) oder Scrollen verlaufen hast.
  • ✕ Schließen — Schließt den Viewer und bringt dich zurĂŒck in die 3D-Ansicht.

Seitennavigation (Pagination): Unten im Ansichtsbereich (bei mehreren BlÀttern) findest du Buttons (1, 2, 3...), um zwischen den generierten ZeichnungsblÀttern hin- und herzuschalten. Jedes Blatt entspricht einem DIN-A1-Layout.

4. Tipps und Tricks

4.1 Verteilen von 3d-Modellen

Alle Änderungen werden automatisch gespeichert – sowohl im Browser-Cache als auch in der exportierten JSON-Datei. Keine Daten liegen auf einem Server. Die JSON kann weitergegeben werden.

4.2 Smarte Eingabefelder

Alle Zahlenfelder unterstĂŒtzen direkte Berechnungen und flexible Eingaben:

  • Grundrechenarten — Du kannst Rechnungen wie 2 * 5, 10 / 2, 50 + 15 oder 100 - 20 direkt eingeben.
  • Klammern — Auch komplexe AusdrĂŒcke wie (10 + 2) * 3 sind möglich.
  • Komma & Punkt — Sowohl 1.5 als auch 1,5 werden als Dezimaltrennzeichen akzeptiert.
  • Ketten-Rechnung — DrĂŒcke Enter, um eine Berechnung durchzufĂŒhren. Der Fokus bleibt im Feld, sodass du sofort weiterrechnen kannst (z.B. Eingabe 10 [Enter] → tippe +5 [Enter] → Ergebnis 15).

4.3 Draggable Panels

Panels können an ihrer Titelzeile mit der Maus verschoben werden, falls sie im Weg sind.

4.4 Interface & Kamera-Steuerung

  • Linksklick + Ziehen — Kamera rotieren.
  • Rechtsklick + Ziehen — Kamera bewegen (Pannen).
  • Scrollen — Zoom rein/raus.
  • Theme Toggle — Klicke auf das Mond/Sonne-Icon oben rechts, um zwischen Dark- und Light-Mode zu wechseln.