Title: 2.1. Graphical user interface 2.1. Grafische Benutzeroberfläche
Course: Library of Things >> Part 1: OpenSCAD Basics Library of Things >> Teil 1: Basiskurs in OpenSCAD > Section: 2. First steps 2. Erste Schritte

The user interface of the OpenSCAD graphical application has 3 main windows: Text Editor, Console Window, and the viewing area/display window.

Text Editor

The text editor provides basic editing features like text search & replace CTRL + F, including syntax highlighting. Predefined color schemes can be changed via the Preferences dialog.

Text editor symbols (left to right):

1. Create a new file CTRL + N
2. Open an existing file CTRL + O
3. Save the current file CTRL + S
4. Undo the last step (CTRL + Z)
5. Redo the undone (CTRL + SHIFT + Z)
6. Unindent a row or selected block (CTRL + SHIFT + I)
7. Indent a row or selected block (CTRL + I)
8. Execute code in preview mode F5
9. Execute code in render mode F6
10. Export rendered object (F6 need to be pressed first) as STL file
11. Send a rendered object directly to a connected printer or to OctoPrinta print management platform)

Preview Area

The 3D port shows a preview or rendered version of the design described in the text editor.

It is possible to easily change perspective and move around the object.

However, in order move the object within the space, you will need to use translate() or rotate().

Preview area symbols (left to right):

1. Execute code in preview mode F5
2. Execute code in render mode F6
3. View all objects created by the code CTRL + SHIFT + V
4. Zoom in
5. Zoom out
6. Reset view to offset
7. Jump to right view CTRL + 7
8. Jump to top view CTRL + 4
9. Jump to bottom view CTRL + 5
10. Jump to left view CTRL + 6
11. Jump to front view CTRL + 8
12. Jump to back view CTRL + 9
13. Change to perspective view
14. Change to orthographic view
15. Switch on/off axis CTRL + 2
16. Switch on/off scale markers in millimeters
17. Shows wire frame of polygons, that creates the object CTRL + 1 >> !Only works in preview mode F5!

Console window

The console view shows important status information, warnings and errors.

Orientation in Preview 3D port

To show you, how to move around an object within the 3D view port, lets create our first object and preview it.

1. Enter following code in the text editor:

sphere(30);

Do not forget a semicolon at the end!

2. Press F5

Now follow the instruction to learn how to move around in the 3D space of the preview port.

- Move the mouse cursor over the viewing area and press LMB (Left Mouse Button) and drag the mouse to rotate in three-dimensional space around the object
- Press MMB (Middle Mouse Button) and drag the mouse to zoom towards are away from the object. You also can use the scroll wheel, if you have one.
- Now press the RMB (Right Mouse Button) and drag the mouse to shift the view in a two-dimensional way.
- Change the window sizes by moving with the cursor over the edges till the symbol changes, click the LMB and drag the window edge

The following characters used in front of a coded row will help your in the designing process, and opens the possibility to highlight or single out a part of the design.

Character | Preview option
* | Disable the object
! | Shows only this object
# | Highlight the object
% | Make the object transparent

Exercise:

1. Write 3 lines code: cylinder(40);, sphere(30);, and cube(35); in each row
2. Press F5
3. Then add different modifying characters in front of a line
4. Press F5 again

Example:

sphere(30);

cylinder(40);

%sphere(30);

#cube(35);

Die Benutzeroberfläche der grafischen OpenSCAD-Anwendung hat 3 Hauptfenster: Texteditor, Konsolenfenster und den Anzeigebereich/Anzeigefenster.

Text Editor

Der Texteditor bietet grundlegende Bearbeitungsfunktionen wie Textsuche und -ersetzung STRG + F, einschließlich Syntaxhervorhebung. Vordefinierte Farbschemata können über den Voreinstellungen-Dialog geändert werden.

Symbole des Texteditors (von links nach rechts):

1. Erstelle eine neue Datei STRG + N
2. Öffne eine vorhandene Datei STRG + O
3. Speichere die aktuelle Datei STRG + S
4. Letzten Schritt rückgängig machen STRG + Z
5. Mache das rückgängig gemachte rückgängig STRG + UMSCHALT + Z
6. Einrücken einer Zeile oder eines ausgewählten Blocks aufheben STRG + UMSCHALT + I
7. Eine Zeile oder einen ausgewählten Block einrücken STRG + I
8. Code im Vorschaumodus ausführen F5
9. Code im Rendermodus ausführen F6
10. Gerendertes Objekt im STL Format exportieren (F6 muss zuerst gedrückt werden)
11. Senden Sie ein gerendertes Objekt direkt an einen angeschlossenen Drucker oder an OctoPrint (eine 3D Druckerverwaltungsplattform)

Vorschaubereich

Die 3D Vorschaubereich zeigt eine Vorschau oder eine gerenderte Version des im Texteditor beschriebenen Designs.

Es ist möglich, die Perspektive zu ändern und sich um das Objekt zu bewegen.

Um das Objekt innerhalb des Raums zu verschieben, musst du jedoch translate() oder rotate() verwenden.

1. Vorschaubereichssymbole (von links nach rechts):
  1. Code im Vorschaumodus ausführen F5
  2. Code im Rendermodus ausführen F6
  3. Alle vom Code erstellten Objekte anzeigen STRG + UMSCHALT + V
  4. Hineinzoomen
  5. Rauszoomen
  6. Ansicht auf Offset zurücksetzen
  7. Zur rechten Ansicht wechseln STRG + 7
  8. Zur Draufsicht wechseln STRG + 4
  9. Zur Ansicht von unten wechseln STRG + 5
  10. Zur linken Ansicht wechseln STRG + 6
  11. Zur Vorderansicht wechseln STRG + 8
  12. Zur Rückansicht wechseln STRG + 9
  13. Zur perspektivischen Ansicht wechseln
  14. Zur orthografischen Ansicht wechseln
  15. Achse ein-/ausschalten STRG + 2
  16. Skalenmarkierungen in Millimetern ein-/ausschalten
  17. Zeigt Drahtgitter von Polygonen, die das Objekt erzeugen STRG + 1 >> !Funktioniert nur im Vorschaumodus F5!

Konsolenfenster

Navigation im Vorschau-3D-Port

Um dir zu zeigen, wie du dich innerhalb des 3D-Ansichtsfensters um ein Objekt bewegst, erstellen wir unser erstes Objekt und zeigen es in der Vorschau an.

1. Geben Sie im Texteditor folgenden Code ein:

sphere(30);

Semikolon am Ende nicht vergessen!

2. Drücke F5

Folge nun den Anweisungen, um zu erfahren, wie du dich im 3D-Raum des Vorschauports bewegen.

- Bewege den Mauszeiger über den Anzeigebereich und drücke die LMB (linke Maustaste) und ziehe die Maus, um sich im dreidimensionalen Raum um das Objekt zu drehen.
- Drücke die MMB (mittlere Maustaste) und ziehe die Maus, um in die Richtung des Objekts zu zoomen. Du kannst auch das Scrollrad verwenden, falls deine Maus eines hat.
- Drücke nun die RMB (rechte Maustaste) und ziehe die Maus, um die Ansicht zweidimensional zu verschieben.
- Ändere die Fenstergröße, indem du den Cursor über die Ränder bewegst, bis sich das Symbol ändert, klicke auf die LMB und ziehe den Fensterrand.

Die folgenden Zeichen, die vor einer codierten Zeile verwendet werden, helfen Dir beim Designprozess und eröffnen die Möglichkeit, einen Teil des Designs hervorzuheben oder herauszuheben.

Sonderzeichen | Vorschauoption
* | Objekt deaktivieren
! | Zeigt nur dieses Objekt
# | Objekt markieren
% | Machen Sie das Objekt transparent

Übung:

1. Schreiben Sie 3-Zeilen-Code mit cylinder(40);, sphere(30); und cube(35); in jede Zeile.
2. Presse F5.
3. Füge dann verschiedene Änderungszeichen vor einer Zeile hinzu.
4. Presse wieder F5.

Beispiel:

sphere(30);

cylinder(40);

%sphere(30);

#cube(35);