symbols-de
Differences
This shows you the differences between two versions of the page.
Previous revision | |||
— | symbols-de [2025/04/22 11:35] (current) – [Inkscape] stefanf | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ======SVG-Symbole und Themen-Einstellungen ====== | ||
+ | [[: | ||
+ | [[german|Inhalt]] -> [[german# | ||
+ | * **[[rocgui-config-de|Rocview Eigenschaften einstellen]]** | ||
+ | * [[rocgui-gen-de|Allgemein]] | [[rocgui-path-de|Pfad]] | [[rocgui-trace-de|Trace]] | [[rocgui-pt-de|Programmieren der CVs]] | **[[symbols-de|SVG-Symbole]]** | [[rocgui-gamepad-de|RIC-Gamepadsteuerung]] | [[mic-de|MIC-Maussteuerung]] \\ [[: | ||
+ | * [[: | ||
+ | * [[symbols-theme-props-de|Themen-Eigenschaften]] | [[symbols-themes-SpDr60-de|SpDrS60]] | [[symbols-themes-road-de|Straßen]] | [[symbols-themes-accessories-de|Zubehör]] | [[symbols-themes-slim-de|SLIM(COLOR)]] | [[symbols-themes-user-de|Benutzer-Themen]] | ||
+ | \\ | ||
+ | \\ | ||
+ | {{ : | ||
+ | =====Themen-Verzeichnis-Struktur===== | ||
+ | Die offiziellen Themen befinden sich im Unter-Verzeichnis **'' | ||
+ | |||
+ | * **Hinweis: | ||
+ | |||
+ | \\ | ||
+ | =====Das offizielle SpDrS60-Thema===== | ||
+ | Das offizielle Thema ist __**[[: | ||
+ | Für Tests und Problemmeldungen sollte dieses Thema verwendet werden.\\ | ||
+ | Alle anderen Themen müssen der Namens-, Verbindungs- und Größen-Konvention des SpDrS60-Themas entsprechen.\\ | ||
+ | |||
+ | \\ | ||
+ | =====Einstellungen===== | ||
+ | Rocview-Eigenschaften, | ||
+ | {{: | ||
+ | \\ | ||
+ | |||
+ | | **Achtung: | ||
+ | |||
+ | |< >| | ||
+ | | **wenn für einen Objekt-Typ keine passende SVG-Datei gefunden wird, \\ zeigt der Gleisplan an der Position ein Fehler-Symbol.** | ||
+ | | {{: | ||
+ | | **SVG-Datei nicht gefunden** | ||
+ | |||
+ | > **Hinweis: | ||
+ | > Möglche Ursachen: | ||
+ | > Es müssen noch weitere Themen definiert werden, z.B. **'' | ||
+ | > Für einige Objekttypen erforderliche SVG-Nummer, Zubehör-Option und/oder Zubehör-Nummer sind nicht oder falsch definiert. | ||
+ | |||
+ | \\ | ||
+ | |||
+ | ==== Thema 1...6 ==== | ||
+ | Einstellen des Pfades zum Verzeichnis des gewünschten Themas. Erforderlich ist ein __Neustart von Rocview um es zu aktivieren__.\\ | ||
+ | Sollen eigene definierte SVG-Symbole verwendet werden, muss der entsprechende Pfad zu diesen Symbolen als erster in die Themenliste gesetzt werden. \\ | ||
+ | Bei nachfolgend angegebenen Themen werden bereits geladene SVG-Symbole übersprungen.\\ | ||
+ | Das bedeutet, dass jeweils das erste Thema bestimmt, wie ein SVG-Symbol aussieht. | ||
+ | ===Dreipunkt-Schaltfläche [ . . . ]=== | ||
+ | Öffnet den Dateimanager zur Auswahl des gewünschten Verzeichnisses für das Thema. | ||
+ | {{ : | ||
+ | ===Eigenschaften=== | ||
+ | Die Schaltfläche öffnet den Dialog __**[[symbols-theme-props-de# | ||
+ | ===[✔]=== | ||
+ | Das Optionsfeld definiert das betr. Thema beim Rocview-Start als aktiv / inaktiv. | ||
+ | |||
+ | \\ | ||
+ | ====Haupt-SVG-Thema==== | ||
+ | Mit der Auswahl (1...6) wird festgelegt, von welchem Thema die Eigenschaften verwendet werden. | ||
+ | |||
+ | \\ | ||
+ | ====Benutzer-Eigenschaften==== | ||
+ | Pfad in dem Benutzer-Eigenschaften unabhängig vom ausgewählten Haupt-SVG-Thema gespeichert werden können.\\ | ||
+ | * **Hinweis: | ||
+ | ===Dreipunkt-Schaltfläche [ . . . ]=== | ||
+ | Öffnet den Dateimanager zur Auswahl des gewünschten Verzeichnisses für Benutzer-Eigenschaften. | ||
+ | ===Eigenschaften=== | ||
+ | Die Schaltfläche öffnet den __**[[symbols-theme-props-de# | ||
+ | |||
+ | \\ | ||
+ | ==== Schriftgröße für Objekt-Kennungen ==== | ||
+ | Stellt die Schriftgröße der Kennung am Objekt-Symbol im Gleisplan ein. Bereich 2 bis 15. Voreingestellt ist **7**.\\ | ||
+ | __Rocview muss neugestartet werden, damit Änderungen aktiviert werden.__ | ||
+ | \\ | ||
+ | |||
+ | ====Farbe==== | ||
+ | Zeigt die eingestellte Farbe für die Schrift der Objekt-Kennung. Mit Klick der linken Maustaste wird der Standarddialog des Betriebssystems geöffnet, in dem die Farbe eingestellt werden kann. Schwarz ist voreingestellt. | ||
+ | \\ | ||
+ | |||
+ | ==== Schriftgröße für Text-Objekte ==== | ||
+ | Stellt die Schriftgröße für Block-Kennungen und für Text-Objekte mit Schriftgröße 0 ein. \\ | ||
+ | Beste Ergebnisse für: ((Abhängig von Bildschirm-Auflösung und pers. Geschmack.)) | ||
+ | * macOS = 14 | ||
+ | * Linux = 13 | ||
+ | * Windows = 10 | ||
+ | * Default = 10 | ||
+ | |||
+ | ==== Anpassen ==== | ||
+ | Das Feld dient der Anpassung der Textpunktgröße von -100% bis +100%. Dies kann hilfreich sein, wenn mehrere Rocviews auf verschiedenen Plattformen / Auflösungen mit demselben Server verbunden sind. \\ | ||
+ | |< >| | ||
+ | ^ Beispiele ^^ | ||
+ | | {{: | ||
+ | | Mac 2560x1600 | ||
+ | |||
+ | __Rocview muss neugestartet werden, damit Änderungen aktiviert werden.__ | ||
+ | |||
+ | ====ZBL-Punktgröße==== | ||
+ | Größe der Beschriftung der CTC-SVG-Symbole. | ||
+ | |||
+ | ==== Auto Kennungsbreite ==== | ||
+ | Wenn 3 eingestellt ist, beginnen die Objekt-Kennungen mit 100: Z.B. **sw100** \\ | ||
+ | Wenn 0 oder 1 eingestellt ist, beginnen die Objekt-Kennungen ohne führende Nullen: z.B. **sw1** \\ | ||
+ | |||
+ | ==== Zug-Verbinder ==== | ||
+ | Das Zeichen, das verwendet wird, um die Lok- und Zug-Kennungen zu verbinden.\\ | ||
+ | Standard ist ein Unterstrich.\\ | ||
+ | Beispiel mit Gleichheitszeichen " | ||
+ | {{: | ||
+ | ==== Schwarz ersetzen ==== | ||
+ | Ersetzt //'im laufenden Betrieb'// | ||
+ | Könnte nützlich sein, falls der Fenster-Hintergrund eine dunkle Farbe hat. | ||
+ | \\ | ||
+ | =====Optionen===== | ||
+ | |||
+ | ==== Zeige Fahrstraßen-/ | ||
+ | Auf Systemen mit geringer Grafik- und/oder Hauptprozessorleistung können die folgenden Optionen deaktiviert werden, um die Beanspruchung der Resourcen zu reduzieren: \\ | ||
+ | * **Zeige Fahrstraßen-Ausleuchtung** \\ Wird diese Option deaktiviert, | ||
+ | * **Zeige Belegt-Ausleuchtung** \\ Wird diese Option deaktiviert, | ||
+ | Es gibt mehrere Parameter, die die [[symbolillumination-de|Ausleuchtung der Gleis-Elemente]] bestimmen. \\ | ||
+ | ====Zeige Fahrstraßen bei Weichen==== | ||
+ | Bei aktivierter Option werden die normalen Weichen-Positionen in **[[http:// | ||
+ | Für reservierte Fahrstraßen wechselt diese Farbe in Gelb.\\ | ||
+ | Weichen-Typen mit der Option " | ||
+ | Nur das **SpDrS60**-Thema enthält die erforderlichen SVGs.\\ | ||
+ | {{: | ||
+ | Wenn die Fahrstraßen mit einer Revision älter als 7884 erzeugt wurden, muss der Router erneut gestartet werden,\\ | ||
+ | damit die Fahrstraßen-Kennungen automatisch in die Weichen-Objekte eingetragen werden. \\ | ||
+ | Im Fall manuell angelegter Fahrstraßen den __**[[: | ||
+ | \\ | ||
+ | ====Fahrstraße priorisieren==== | ||
+ | Überschreibt die Blockbelegung, | ||
+ | \\ | ||
+ | ====Zeige Kurz-Kennung==== | ||
+ | Zeigt anstelle der Lok-Kennung die **[[: | ||
+ | |||
+ | \\ | ||
+ | |||
+ | |||
+ | =====Gleis-/ | ||
+ | Gleis- u. Straßen-Symbole können in einem Plan gemischt werden:\\ | ||
+ | {{: | ||
+ | Die Straßen-Symbole haben dieselbe Benennung wie die Gleis-Symbole, | ||
+ | |||
+ | \\ | ||
+ | ===== Erzeugen eigener SVG-Symbole ===== | ||
+ | ==== Text-Editor ==== | ||
+ | * Am Ende dieser Seite ist ein zweiteiliges **[[# | ||
+ | Wenn eigene Symbole für Gleisplan-Objekte verwendet werden sollen, dann müssen diese im SVG-Format erstellt werden.\\ | ||
+ | Die Attribute **'' | ||
+ | Es muss allerdings sichergestellt sein, dass diese Werte ein Vielfaches von 32 darstellen. \\ | ||
+ | \\ | ||
+ | Für Drehscheiben können aufgrund ihrer Komplexität keine eigenen Symbole definiert werden.\\ | ||
+ | \\ | ||
+ | Die Dateinamen für die einzelnen Symbole mit den jeweiligen Zuständen sind vordefiniert. Siehe: **[[symbolnames-de|Symbol-Namen]]** | ||
+ | |||
+ | **Hinweis: | ||
+ | |||
+ | ==== Selbst erstellte Symbole in den Gleisplan einfügen ==== | ||
+ | :!: Selbst erstellte SVG-Symbole werden __NICHT__ im Dialog **[[rocgui-menu-de# | ||
+ | =====Unterstützte SVG-Elemente===== | ||
+ | ====Pfad (path)==== | ||
+ | * https:// | ||
+ | Nur **M**, **L**, **C** und **z** werden ausgewertet. Alle Koordinaten werden zu Ganzzahlen gerundet. | ||
+ | \\ | ||
+ | ===Attribute und Befehle im < | ||
+ | ^Befehl^Name^Beschreibung^ | ||
+ | |**M** x, | ||
+ | |**L** x, | ||
+ | |**z**|closepath|Schließt den Zeichenvorgang des aktuellen < | ||
+ | |||
+ | Die Attribute **'' | ||
+ | Farben können anstelle von z.B. **'' | ||
+ | Damit sind beliebige Mischfarben aus dem 32bit-Farbraum möglich, soweit es die PC-Grafik-Hardware unterstützt.\\ | ||
+ | Die Befehle mit ihren Koordinaten werden im **d**-Attribut (**d**raw = zeichnen) definiert, dass __immner__ mit dem **M**-Befehl beginnt und mit dem **z**-Befehl endet.\\ | ||
+ | ===Beispiele=== | ||
+ | Das folgende Beispiel (Gleis mit blauer Umrandung und gelber Füllung) zeigt, welche Informationen einer SVG-Datei durch Rocview ausgewertet werden: | ||
+ | <code xml> | ||
+ | <svg xmlns=" | ||
+ | <g> | ||
+ | <path stroke=" | ||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | \\ | ||
+ | ====Kreis (circle)==== | ||
+ | * https:// | ||
+ | <code xml> | ||
+ | <svg xmlns=" | ||
+ | <g> | ||
+ | <circle cx=" | ||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | **Hinweis: | ||
+ | ====Ellipse==== | ||
+ | * https:// | ||
+ | <code xml> | ||
+ | <svg xmlns=" | ||
+ | <g> | ||
+ | <ellipse cx=" | ||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | **Hinweis: | ||
+ | ====Vieleck (polygon)==== | ||
+ | * https:// | ||
+ | <code xml> | ||
+ | <svg width=" | ||
+ | <g> | ||
+ | <polygon points=" | ||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | \\ | ||
+ | ====Rechteck (rect)==== | ||
+ | * https:// | ||
+ | <code xml> | ||
+ | <svg width=" | ||
+ | <g> | ||
+ | <rect x=" | ||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | Einstellung **rx > 0** zeichnet ein abgerundetes Rechteck.\\ | ||
+ | \\ | ||
+ | ====Linie (line)==== | ||
+ | * https:// | ||
+ | <code xml> | ||
+ | <svg width=" | ||
+ | <g> | ||
+ | <line x1=" | ||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | * **Hinweis: | ||
+ | ====Mehrfachlinie (polyline)==== | ||
+ | * https:// | ||
+ | <code xml> | ||
+ | <svg width=" | ||
+ | <g> | ||
+ | < | ||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | \\ | ||
+ | =====Alternative SVG durch zweiten < | ||
+ | In der SVG-Definition kann ein zweiter Graphik-Container ('' | ||
+ | Die Elemente der beiden Container werden im Sekunden-Rhythmus abwechselnd angezeigt = " | ||
+ | |||
+ | * **Hinweis: | ||
+ | |||
+ | * **Achtung: | ||
+ | ====Beispiel==== | ||
+ | <code xml> | ||
+ | <svg xmlns=" | ||
+ | <g> | ||
+ | <path stroke=" | ||
+ | </g> | ||
+ | <g> | ||
+ | <path stroke=" | ||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | \\ | ||
+ | |||
+ | =====Vorschau===== | ||
+ | {{ : | ||
+ | ====Windows==== | ||
+ | Diese Erweiterung kann zur Vorschau von SVG-Symbolen im Datei-Explorer verwendet werden: | ||
+ | * __[[https:// | ||
+ | |||
+ | ====Ubuntu==== | ||
+ | Ubuntu zeigt SVG-Vorschau ohne weiteres Zutun.\\ | ||
+ | |||
+ | ====macOS==== | ||
+ | {{ : | ||
+ | Der Finder zeigt nur streng formatierte SVGs.\\ | ||
+ | Beginnend mit Revision 2.1.381, wird auch das folgende SVG-Header-Format durch Rocview unterstützt and aktiviert die Vorschau im macOS-Finder: | ||
+ | <code xml> | ||
+ | <svg width=" | ||
+ | ... | ||
+ | </ | ||
+ | </ | ||
+ | Für Information zum viewBox-Attribut siehe: | ||
+ | * https:// | ||
+ | Die bisherige Breite / Höhe ist jetzt Teil der viewBox: "x y width height" | ||
+ | Das width-Attribut ist auf 100% gesetzt, damit Vorschauen auf den verfügbaren Platz skaliert werden können.(Rocview wertet diesen Wert nicht aus.)\\ | ||
+ | |||
+ | Wenn die folgende Option in der rocview.ini manuell eingestellt ist, wird die Konvertierung automatisch durchgeführt: | ||
+ | <code xml> | ||
+ | <gui convertsvg=" | ||
+ | ... | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | \\ | ||
+ | ===== Externe Hilfsmittel für SVG-Dateien ===== | ||
+ | ====Online-SVG-Viewer/ | ||
+ | Das Online-Tool **[[https:// | ||
+ | Es ist nicht so mächtig wie **[[# | ||
+ | * **Hinweis: | ||
+ | |||
+ | Um mit dem Tool vertraut zu werden, empfiehlt sich das Öffnen einer SVG-Datei aus einem Rocrail-Thema.\\ | ||
+ | Damit können durch Änderungen an den Code-Elementen sehr gut die Auswirkungen auf die Symbol-Darstellung verfolgt werden.\\ | ||
+ | Alternativ sind auch Code-Abschnitte auf dieser Wiki-Seite geeignet, wenn sie per //Copy & Paste// in das Tool übertragen werden. \\ | ||
+ | \\ | ||
+ | Da die " | ||
+ | sollte zur Erstellung neuer Symbole zuerst folgender Rahmen in das Code-Fenster des Tools kopiert werden: | ||
+ | <code xml> | ||
+ | <svg width=" | ||
+ | <g> | ||
+ | <!-- Hier die SVG-Elemente einfügen --> | ||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | Alternativ kann eine neue SVG-Datei natürlich auch durch Änderungen einer vorhandenen Datei erzeugt werden.\\ | ||
+ | |< >| | ||
+ | ^ Funktionen | ||
+ | | {{: | ||
+ | | {{: | ||
+ | | {{: | ||
+ | | {{: | ||
+ | \\ | ||
+ | ====Inkscape==== | ||
+ | Inkscape (http:// | ||
+ | |||
+ | {{inkscape_config1-de.png}}{{inkscape_config2-de.png}}{{inkscape_config3-de.png}} | ||
+ | |||
+ | Dabei ist zu beachten, dass insbesondere die Option 'Immer einrasten' | ||
+ | |||
+ | Eine weitere sinnvolle Einstellung ist das Anzeigen des Umrisses: | ||
+ | |||
+ | {{inkscape_config4-de.png}}\\ | ||
+ | \\ | ||
+ | |||
+ | Nach Fertigstellung muss die Grafik als SVG-Datei gespeichert werden. | ||
+ | |||
+ | :!: __Diese in Inkscape gespeicherte Datei kann Rocview nicht direkt verwenden.__ Sie muss erst noch bearbeitet werden: | ||
+ | |||
+ | Mit einem Texteditor (notepad++) werden nur die Zeilen herauskopiert, | ||
+ | * **''< | ||
+ | Diese Zeilen müssen noch in die **''< | ||
+ | <code xml> | ||
+ | <svg width=" | ||
+ | <g> | ||
+ | |||
+ | <!-- Hier nur die Zeilen mit den unterstützten SVG-Elementen einfügen --> | ||
+ | |||
+ | </g> | ||
+ | </ | ||
+ | </ | ||
+ | Der gesamte **''< | ||
+ | Die Datei wird in ein Themen-Verzeichnis kopiert und ist in Rocview als Objekt-Symbol in Gleisplänen zu verwenden.\\ | ||
+ | \\ | ||
+ | :!: Ein Forums-Beitrag u.a. zu Erfahrungen mit Inkscape: https:// | ||
+ | |||
+ | \\ | ||
+ | ===== Videos ===== | ||
+ | Die folgenden Videos zeigen die Grundlagen zur Erstellung von SVG-Symbolen mit einem Text-Editor: | ||
+ | |||
+ | [[http:// | ||
+ | [[http:// | ||
+ | [[http:// | ||
+ | |||
+ | Klick auf die Bilder öffnet die Videos in YouTube. | ||
+ | \\ | ||