User Tools

Site Tools


ctc:ctc-svg-en

CTC SVG

ContentHardwareCTC ModulesCTC SVG

This documentation is based on Rocrail Version 2.1.3927 dated 15.12.2023 .
Update: 24.03.2024, Rocrail Version 2.1.4365, accessory-105
Update: 17.04.2024, Rocrail Version 2.1.4470, ctc_accessory-138, ctc_accessory-139, ctc_accessory-140-off, ctc_accessory-141
Update: 01.05.2024, Rocrail Version 2.1.4542, ctc_accessory-126-off "Buffer" expanded to "Buffer with Always ON"
The development is still "Work In Progress" (WIP).

Introduction

The construction of the interactive Rocrail CTC-SVG-Module-Symboles is described here.
The definitions may be used to generate additional symbols.

It is based on the layout of the CTC-Module-PCB-Boards; see the Forum thread..
The CTC-Module-PCB-Boards contain 6 LEDs and one button.
LED numbering is done from bottom left with LED1 to top left with LED3
and from bottom right with LED4 to top right with LED6.
The Rocrail CTC-SVG-Module-Symbole uses 3 x 2 standard square rects of a Rocrail plan.
Additionally 6 x 2 standard square rects may be used to cover text displays.
Therefore the Rocrail CTC-SVG-Module-Symbole has a size of 96 x 64 pixels.
A Rocrail CTC-SVG-Module-Symbole does use the commands
"rect",
"polygon" and
"circle"
to display routes, lights and text.

"rect": to define rectangle non rotated areas,
"polygon": to define any kind of area, mostly rotated rectangular areas and
"circle"; to define circles

Construction Details

The Rocrail CTC-SVG-Module-Symboles are stored as accessory SVG symbols starting with accessory number 100.

Background

This basic definition is included in every Rocrail CTC-SVG-Module-Symbole as a frame and background.

Symbol LED Position Radius rect stroke fill
accessory-100-off.svg number x y rx width height color color
- 0 0 0 95 63 rgb(0,0,0) rgb(204,204,204)
<svg width="100%" viewBox="0 0 96 64" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect x="0" y="0" rx="0" width="95" height="63" 
          stroke="rgb(0,0,0)" fill="rgb(204,204,204)"/>
  </g>
</svg> 

LEDs

This module just shows the positioning of the six LEDs.
A non standard attribute "led" with a LED number is used to identify the command line of LED number X to the Rocrail software.
The Rocrail software will then colorize the "fill" area with the required RGB color.
The state of railroad signals is shown with colored circles.

Symbol LED Position Radius stroke stroke fill
accessory-104-r.svg number cx cy r color width color
3 18 12 7 rgb(0,0,0) 1 rgb(255,255,255)
2 18 32 7 rgb(0,0,0) 1 rgb(0,255,0)
1 18 52 7 rgb(0,0,0) 1 rgb(255,0,255)
6 77 12 7 rgb(0,0,0) 1 rgb(255,0,0)
5 77 32 7 rgb(0,0,0) 1 rgb(255,255,0)
4 77 52 7 rgb(0,0,0) 1 rgb(0,0,255)
Position Radius stroke stroke fill
Button cx cy r color width color
- 48 32 9 rgb(0,0,0) 2 rgb(204,204,204)
<svg width="100%" viewBox="0 0 96 64" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect x="0" y="0" rx="0" width="95" height="63" 
          stroke="rgb(0,0,0)" fill="rgb(204,204,204)"/>

    <circle led="3" cx="18" cy="12" r="7" 
          stroke="rgb(0,0,0)" stroke-width="1" fill="rgb(255,255,255)"/>
    <circle led="2" cx="18" cy="32" r="7" 
          stroke="rgb(0,0,0)" stroke-width="1" fill="rgb(0,255,0)"/>
    <circle led="1" cx="18" cy="52" r="7" 
          stroke="rgb(0,0,0)" stroke-width="1" fill="rgb(255,0,255)"/>

    <circle cx="48" cy="32" r="9" 
          stroke="rgb(0,0,0)" stroke-width="2" fill="rgb(204,204,204)"/>

    <circle led="6" cx="77" cy="12" r="7" 
          stroke="rgb(0,0,0)" stroke-width="1" fill="rgb(255,0,0)"/>
    <circle led="5" cx="77" cy="32" r="7" 
          stroke="rgb(0,0,0)" stroke-width="1" fill="rgb(255,255,0)"/>
    <circle led="4" cx="77" cy="52" r="7" 
          stroke="rgb(0,0,0)" stroke-width="1" fill="rgb(0,0,255)"/>
  </g>
</svg>

Outputs

This module just shows the positioning of the six LEDs.
The state of Rocrail outputs is shown with colored squares.

Symbol LED Position Radius rect stroke fill
accessory-122-off.svg number x y rx width height color color
3 12 6 0 12 12 rgb(0,0,0) rgb(255,255,255)
2 12 26 0 12 12 rgb(0,0,0) rgb(0,255,0)
1 12 46 0 12 12 rgb(0,0,0) rgb(255,0,255)
6 71 6 0 12 12 rgb(0,0,0) rgb(255,0,0)
5 71 26 0 12 12 rgb(0,0,0) rgb(255,255,0)
4 71 46 0 12 12 rgb(0,0,0) rgb(0,0,255)
Position Radius stroke stroke fill
Button cx cy r color width color
- 48 32 9 rgb(0,0,0) 2 rgb(204,204,204)
<svg width="100%" viewBox="0 0 96 64" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect x="0" y="0" rx="0" width="95" height="63" stroke="rgb(0,0,0)" fill="rgb(204,204,204)"/>

    <rect led="3" x="12" y="6" rx="0" width="12" height="12" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>
    <rect led="2" x="12" y="26" rx="0" width="12" height="12" stroke="rgb(0,0,0)" fill="rgb(0,255,0)"/>
    <rect led="1" x="12" y="46" rx="0" width="12" height="12" stroke="rgb(0,0,0)" fill="rgb(255,0,255)"/>

    <circle cx="48" cy="32" r="9" stroke="rgb(0,0,0)" stroke-width="2" fill="rgb(204,204,204)"/>

    <rect led="6" x="71" y="6" rx="0" width="12" height="12" stroke="rgb(0,0,0)" fill="rgb(255,0,0)"/>
    <rect led="5" x="71" y="26" rx="0" width="12" height="12" stroke="rgb(0,0,0)" fill="rgb(255,255,0)"/>
    <rect led="4" x="71" y="46" rx="0" width="12" height="12" stroke="rgb(0,0,0)" fill="rgb(0,0,255)"/>
  </g>
</svg>

Horizontal Routes

This module just shows the positioning of the two LEDs.

Symbol LED Position Radius rect stroke fill
accessory-106-off.svg number x y rx width height color color
- 1 25 0 46 13 rgb(0,0,0) rgb(0,0,0)
2 5 26 0 31 11 rgb(0,0,0) rgb(255,255,255)
- 48 25 0 46 13 rgb(0,0,0) rgb(0,0,0)
5 60 26 0 31 11 rgb(0,0,0) rgb(255,255,255)
<svg width="100%" viewBox="0 0 96 64" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect x="0" y="0" rx="0" width="95" height="63" stroke="rgb(0,0,0)" fill="rgb(204,204,204)"/>

    <rect x="1" y="25" rx="0" width="46" height="13" stroke="rgb(0,0,0)" fill="rgb(0,0,0)"/>
    <rect led="2" x="5" y="26" rx="0" width="31" height="11" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>

    <rect x="48" y="25" rx="0" width="46" height="13" stroke="rgb(0,0,0)" fill="rgb(0,0,0)"/>
    <rect led="5" x="60" y="26" rx="0" width="31" height="11" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>
  </g>
</svg>

Diagonal Routes

This module just shows the positioning of the four LEDs.

Symbol LED polygon points stroke fill
accessory-102-off.svg number color color
- 0,0 12,0 48,25 48,38 46,38 0,8 0,0 rgb(0,0,0) rgb(0,0,0)
3 12,1 41,21 35,30 5,10 12,1 rgb(0,0,0) rgb(255,255,255)
- 0,63 12,63 48,38 48,25 46,25 0,55 0,63 rgb(0,0,0) rgb(0,0,0)
1 12,62 41,42 35,33 5,53 12,62 rgb(0,0,0) rgb(255,255,255)
- 95,0 84,0 46,25 46,38 50,38 95,8 95,0 rgb(0,0,0) rgb(0,0,0)
6 84,1 55,20 62,29 91,10 84,1 rgb(0,0,0) rgb(255,255,255)
- 95,63 84,63 46,38 46,25 50,25 95,56 95,63 rgb(0,0,0) rgb(0,0,0)
4 85,63 55,43 62,34 91,54 85,63 rgb(0,0,0) rgb(255,255,255)
<svg width="100%" viewBox="0 0 96 64" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect x="0" y="0" rx="0" width="95" height="63" stroke="rgb(0,0,0)" fill="rgb(204,204,204)"/>

    <polygon points="0,0 12,0 48,25 48,38 46,38 0,8 0,0" stroke="rgb(0,0,0)" fill="rgb(0,0,0)"/>
    <polygon led="3" points="12,1 41,21 35,30 5,10 12,1" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>

    <polygon points="0,63 12,63 48,38 48,25 46,25 0,55 0,63" stroke="rgb(0,0,0)" fill="rgb(0,0,0)"/>
    <polygon led="1" points="12,62 41,42 35,33 5,53 12,62" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>

    <polygon points="95,0 84,0 46,25 46,38 50,38 95,8 95,0" stroke="rgb(0,0,0)" fill="rgb(0,0,0)"/>
    <polygon led="6" points="84,1 55,20 62,29 91,10 84,1" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>

    <polygon points="95,63 84,63 46,38 46,25 50,25 95,56 95,63" stroke="rgb(0,0,0)" fill="rgb(0,0,0)"/>
    <polygon led="4" points="85,63 55,43 62,34 91,54 85,63" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>

  </g>
</svg>

Diagonal Routes special

This module just shows the positioning of the two LEDs.

Symbol LED polygon points stroke fill
accessory-128-off.svg number color color
- 0,63 12,63 95,8 95,0 83,0 0,55 0,63 rgb(0,0,0) rgb(0,0,0)
1 12,62 41,42 35,33 5,53 12,62 rgb(0,0,0) rgb(255,255,255)
6 84,1 55,20 62,29 91,10 84,1 rgb(0,0,0) rgb(255,255,255)
<svg width="100%" viewBox="0 0 96 64" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect x="0" y="0" rx="0" width="95" height="63" stroke="rgb(0,0,0)" fill="rgb(204,204,204)"/>

    <polygon points="0,63 12,63 95,8 95,0 83,0 0,55 0,63" stroke="rgb(0,0,0)" fill="rgb(0,0,0)"/>

    <polygon led="1" points="12,62 41,42 35,33 5,53 12,62" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>
    <polygon led="6" points="84,1 55,20 62,29 91,10 84,1" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>

  </g>
</svg>

This module just shows the positioning of the two LEDs.

Symbol LED polygon points stroke fill
accessory-132-off.svg number color color
- 0,0 12,0 95,56 95,63 85,63 0,8 0,0 rgb(0,0,0) rgb(0,0,0)
3 12,1 41,21 35,30 5,10 12,1 rgb(0,0,0) rgb(255,255,255)
4 85,63 55,43 62,34 91,54 85,63 rgb(0,0,0) rgb(255,255,255)
<svg width="100%" viewBox="0 0 96 64" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect x="0" y="0" rx="0" width="95" height="63" stroke="rgb(0,0,0)" fill="rgb(204,204,204)"/>

    <polygon points="0,0 12,0 95,56 95,63 85,63 0,8 0,0" stroke="rgb(0,0,0)" fill="rgb(0,0,0)"/>

    <polygon led="3" points="12,1 41,21 35,30 5,10 12,1" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>
    <polygon led="4" points="85,63 55,43 62,34 91,54 85,63" stroke="rgb(0,0,0)" fill="rgb(255,255,255)"/>
  </g>
</svg>

Symbol List sorted by number

The list of Rocrail CTC-SVG-Module-Symboles.

Symbol File Usage
accessory-100-off.svg 100 tk Track Frame
accessory-101-off.svg 101 (Track Master)
accessory-102-off.svg 102 (Track Master)
accessory-103-off.svg 103 (Button Mster); use 119 instead
accessory-104-r.svg 104 (Signal Master)
accessory-105.svg 105 bk Block, Button, Display
accessory-106-off.svg 106 tk Track straight
accessory-107-off.svg 107 tk Track left
accessory-108-off.svg 108 tk Track right
accessory-109-on.svg 109 sw Turnout left, Button
accessory-110-on.svg 110 sw Turnout right, Button
accessory-111-on.svg 111 sw Threeway, Button
accessory-112-on.svg 112 sw Twoway, Button
accessory-114-on.svg 114 sw Dcrossing left 1), Button
accessory-115-on.svg 115 sw Dcrossing right 2), Button
accessory-116-r.svg 116 sg Signal, Button
accessory-117-off.svg 117 bk Block, Button
accessory-118-off.svg 118 fb Sensor
accessory-119-off.svg 119 co Button
accessory-120-off.svg 120 co LED, Button
accessory-121-off.svg 121 co Track right, Button
accessory-122-off.svg 122 (Output Master)
accessory-123-off.svg 123 co Track left, Button
accessory-124-r.svg 124 sg Track right, Signal, Button
accessory-125-r.svg 125 sg Track left, Signal, Button
accessory-126-off.svg 126 tk Buffer (before Rocrail 2.1.4540)
accessory-126-off.svg 126 tk Buffer with Always ON (Rocrail 2.1.4542+)
accessory-127-off.svg 127 co Track, Button
accessory-128-off.svg 128 tk Track diagonal
accessory-129-off.svg 129 co Track diagonal, Button
accessory-130-r.svg 130 sg Track dia., Signal, Button
accessory-131-off.svg 131 co Track dia., Output, Button
accessory-132-off.svg 132 tk Track diagonal
accessory-133-off.svg 133 co Track diagonal, Button
accessory-134-r.svg 134 sg Track dia., Signal, Button
accessory-135-off.svg 135 co Track dia., Output, Button
accessory-136-on.svg 136 sw Diag.Turnout right, Button
accessory-137-on.svg 137 sw Diag.Turnout left, Button
accessory-138.svg 138 bk short block, Button
accessory-139.svg 139 bk short block, 4 LEDs, Button
accessory-140-off.svg 140 co 2 LEDs, Button
accessory-141.svg 141 bk short block, 2 LEDs, Button
accessory-150.svg 150 bk Block, 2 x Button, Display


Symbol List sorted by group

The list of Rocrail CTC-SVG-Module-Symboles.

Symbol File Usage
Master symbols
accessory-100-off.svg 100 tk Track Frame
accessory-101-off.svg 101 (Track Master)
accessory-102-off.svg 102 (Track Master)
accessory-103-off.svg 103 (Button Mster); use 119 instead
accessory-104-r.svg 104 (Signal Master)
accessory-122-off.svg 122 (Output Master)
Block symbols
accessory-105.svg 105 bk Block, Button, Display
accessory-117-off.svg 117 bk Block, Button
accessory-138.svg 138 bk short block, Button
accessory-139.svg 139 bk short block, 4 LEDs, Button
accessory-141.svg 141 bk short block, 2 LEDs, Button
accessory-150.svg 150 bk Block, 2 x Button, Display
Track symbols
accessory-106-off.svg 106 tk Track straight
accessory-107-off.svg 107 tk Track left
accessory-108-off.svg 108 tk Track right
accessory-128-off.svg 128 tk Track diagonal
accessory-132-off.svg 132 tk Track diagonal
accessory-126-off.svg 126 tk Buffer (before Rocrail 2.1.4540)
accessory-126-off.svg 126 tk Buffer with Always ON (Rocrail 2.1.4542+)
Switch symbols
accessory-109-on.svg 109 sw Turnout left, Button
accessory-110-on.svg 110 sw Turnout right, Button
accessory-111-on.svg 111 sw Threeway, Button
accessory-112-on.svg 112 sw Twoway, Button
accessory-114-on.svg 114 sw Dcrossing left 3), Button
accessory-115-on.svg 115 sw Dcrossing right 4), Button
accessory-136-on.svg 136 sw Diag.Turnout right, Button
accessory-137-on.svg 137 sw Diag.Turnout left, Button
Signal symbols
accessory-116-r.svg 116 sg Signal, Button
accessory-124-r.svg 124 sg Track right, Signal, Button
accessory-125-r.svg 125 sg Track left, Signal, Button
accessory-130-r.svg 130 sg Track dia., Signal, Button
accessory-134-r.svg 134 sg Track dia., Signal, Button
Sensor symbols
accessory-118-off.svg 118 fb Sensor
Output symbols
accessory-131-off.svg 131 co Track dia., Output, Button
accessory-135-off.svg 135 co Track dia., Output, Button
accessory-120-off.svg 120 co LED, Button
accessory-121-off.svg 121 co Track right, Button
accessory-123-off.svg 123 co Track left, Button
accessory-127-off.svg 127 co Track, Button
accessory-140-off.svg 140 co 2 LEDs, Button
Button symbols
accessory-119-off.svg 119 co Button
accessory-129-off.svg 129 co Track diagonal, Button
accessory-133-off.svg 133 co Track diagonal, Button
1) , 2) , 3) , 4)
with CTC all kind of crossings should be constructed as "double crossing"; see https://wiki.rocrail.net/doku.php?id=switch-gen-en&s[]=static&s[]=crossing#type
ctc/ctc-svg-en.txt · Last modified: 2024/05/01 09:49 by hermannk