This is the multi-page printable view of this section. Click here to print.

Return to the regular view of this page.

Components options

This is a description of the components options

It is possible to configure the components by grouping the configuration elements in a block {}

example:

mycomponent: {
    type: build
    color: Green
    evolution: |..|..|.x.|..|
}

1 - Components Colors

The colors that can be used in wtg

Adding Colors

a - b
b - c

a: {
    evolution: |||x||
    color: Red
}

b: {
    evolution: |||x||
    color: Green
}

Palette

  • AquaMarine

  • SteelBlue

  • LightYellow

  • BurlyWood

  • LightCoral

  • Salmon

  • ForestGreen

  • LightSeaGreen

  • SkyBlue

  • DarkBlue

  • BlueViolet

  • DarkViolet

  • Ivory

  • MediumAquaMarine

  • MediumSeaGreen

  • DodgerBlue

  • Plum

  • Azure

  • Fuchsia

  • LightCyan

  • NavajoWhite

  • Grey

  • DarkKhaki

  • SandyBrown

  • PaleVioletRed

  • HotPink

  • Wheat

  • LightSlateGray

  • Gainsboro

  • Aqua

  • Magenta

  • BlanchedAlmond

  • Peru

  • Maroon

  • RoyalBlue

  • DarkSlateBlue

  • MediumSlateBlue

  • Orchid

  • SlateGray

  • Teal

  • Brown

  • DarkCyan

  • DarkMagenta

  • DimGrey

  • Green

  • DarkSlateGray

  • DarkOrchid

  • CornSilk

  • Linen

  • LightSalmon

  • MediumSpringGreen

  • Turquoise

  • MediumVioletRed

  • Coral

  • YellowGreen

  • LightGreen

  • OldLace

  • Black

  • Yellow

  • LavenderBlush

  • AliceBlue

  • DarkSalmon

  • SaddleBrown

  • Sienna

  • RosyBrown

  • Silver

  • LightPink

  • Thistle

  • Red

  • MediumTurquoise

  • Gold

  • GoldenRod

  • LightSteelBlue

  • LightGray

  • Bisque

  • Chocolate

  • LightGoldenRod

  • Navy

  • LightSkyBlue

  • SpringGreen

  • MediumPurple

  • MediumOrchid

  • WhiteSmoke

  • Firebrick

  • LimeGreen

  • DarkGreen

  • SeaShell

  • MintCream

  • Snow

  • Crimson

  • LawnGreen

  • DarkSeaGreen

  • Pink

  • Tan

  • Moccasin

  • Olive

  • OliveDrab

  • Honeydew

  • DimGray

  • Orange

  • PaleTurquoise

  • PaleGoldenRod

  • CadetBlue

  • MediumBlue

  • Lavender

  • Tomato

  • DarkOrange

  • DarkGray

  • LightGrey

  • MidnightBlue

  • SlateBlue

  • DarkTurquoise

  • IndianRed

  • Khaki

  • PowderBlue

  • LightBlue

  • Violet

  • GhostWhite

  • Lime

  • Gray

  • Indigo

  • LemonChiffon

  • MistyRose

  • PapayaWhip

  • DarkGoldenRod

  • DeepSkyBlue

  • DeepPink

  • Blue

  • GreenYellow

  • CornFlowerBlue

  • DarkGrey

  • White

  • DarkRed

  • SeaGreen

  • Beige

  • FloralWhite

  • OrangeRed

  • PaleGreen

  • DarkOliveGreen

  • ChartReuse

  • AntiqueWhite

  • PeachPuff

  • Cyan

  • Purple

2 - Setting the evolution

This page describes the evolution placement.

Evolution’s syntax is composed of 5 pipes | and a x which represents the position

example : |..|..|.x.|..|

The interval between the pipes represents the stages of evolution:

|.........|........|....x...|.......|
  stage1    stage2   stage3  stage4

you can add as many dots (.) (even zero) as you want. This allows fine-tuning the placement of the component on the evolution

Inline configuration

It is possible to set the evolution “inline” for a component:

example:

mycomponent: |..|..|..x..|..|

block configuration

If you have decalred a block configuration for the component, you can use the evolution keyword like this:

mycomponent: {
    evolution: |..|..|..x..|..|
}

Evolution

You can add a > to display the evolution of the component.

example:

mycomponent: |..|..|..x..|.>.|

3 - label position

Tweak the label position.

On the map, labels are placed automatically in a pseudo-smart way. It is possible to change the position of a label by using the label keywork in a configuration block.

The allowed values are: N,S,E,W,NE,NW,SE,SW` (for north, south, east, west, north-east, north-west, south-east, south-west)

example:

N - NE
NE - E
E - SE
SE - S
S - SW
SW - W
W - NW

N: {
    label: N
}

NE: {
    label: NE
}

E: {
    label: E
}

SE: {
    label: SE
}

S: {
    label: S
}

SW: {
    label: SW
}

W: {
    label: W
}

NW: {
    label: NW
}

4 - component types

The component types

wtg supports four types of components:

  • build
  • buy
  • outsource
  • pipeline

those components are set in a block configuration of the component thanks to the type keyword.

Example:

build - buy
buy - outsource
outsource - pipeline

build: {
    type: build
}
buy: {
    type: buy
}
outsource: {
    type: outsource
}
pipeline: {
    type: pipeline
}