Path Gauge
Previous Topic  Next Topic 




This gauge illustrates an example of using a path object as the shape of your gauge.  The three paths combine to form a 3-dimensional frame.


Another feature of this example is the larger tick marks.  Instead of lines, these tick marks are drawn by triangles by using a width list in the line object below the tick marks


There is also a needle "shadow" on this gauge.  This is done by offsetting the container with the needle.  The first needle container gives the properties for this.


The Dashboard Object View window at the left is a good example of grouping objects by layers and containers.  Many are also labeled.  (You can label a layer or container by typing in the Description box in the Dashboard Object Properties window.)


OBJECT

PROPERTIES

Container

(Default Options)

Path

  • Path=

   move_to(35, 35);

   curve_to(35, 10, 65, 10, 65, 35);

   curve_to(65, 37.5, 62.5, 37.5, 60, 37.25);

   line_to(52.5, 36.75);

   curve_to(51, 38.5, 49, 38.5, 47.5, 36.75);

   line_to(40, 37.25);

   curve_to(37.5, 37.5, 35, 37.5, 35, 35);

   close_path();

  • Pen Style=Transparent
  • Brush Color=(206, 205, 202)
  • Brush Style=Gradient
  • Gradient Style=Linear
  • Gradient Points=(Set point one at top right edge; set point two at bottom left corner)
  • Gradient Color Stops=

     [100, (136, 136, 136), 255]

Path

  • Path=

   move_to(35.75, 35);

   curve_to(35.75, 11.25, 64.25, 11.25, 64.25, 35);

   curve_to(64.25, 36.75, 61.75, 36.5, 59.25, 36.5);

   line_to(52.5, 35.9);

   curve_to(50.75, 37.75, 49.25, 37.75, 47.5, 35.9);

   line_to(40, 36.5);

   curve_to(38.25, 36.75, 35.75, 36.5, 35.75, 35);

   close_path();

  • Pen Style=Transparent
  • Brush Color=(135, 135, 135)
  • Brush Style=Gradient
  • Gradient Style=Linear
  • Gradient Points=(Set point one at top right edge; set point two at bottom left corner)
  • Gradient Color Stops=

     [100, (199, 199, 199), 255]

Path

  • Path=

   move_to(36, 35);

   curve_to(35.75, 11.75, 64.25, 11.75, 64, 35);

   curve_to(64, 36.5, 61.5, 36.25, 59, 36.25);

   line_to(52.25, 35.65);

   curve_to(50.75, 37.5, 49.25, 37.5, 47.75, 35.65);

   line_to(40, 36.25);

   curve_to(38.5, 36.5, 36, 36.25, 36, 35);

   close_path();

  • Pen Style=Transparent
  • Brush Color=(154, 154, 154)
  • Brush Style=Gradient
  • Gradient Style=Linear
  • Gradient Points=(Set point one at top right edge; set point two at bottom left corner)
  • Gradient Color Stops=

     [100, (69, 69, 69), 255]

Tick Marks

  • Type=Circular
  • Tick Count=5
  • Label Start/End Range=0/100
  • Label Start Rotation=270
  • Label End Rotation=450
  • Center Point=(Center horizontally, towards bottom of gauge)
  • Horizontal Radius=12
  • Vertical Radius=12
  • Angle=180
  • Sweep=180
  • Length=13
  • Label Position=22

Line

  • Width=0.6,0.3
  • Pen Width=0.1
  • Pen Color=(98, 98, 98)
  • Brush Color=(205, 205, 205)

Text

(Default Options)

Tick Marks

  • Type=Circular
  • Tick Count=29
  • Skip Tick List=0,7,14,21,28
  • Show Tick Labels Box=Unchecked
  • Label Start/End Range=0/10
  • Label Start Rotation=270
  • Label End Rotation=450
  • Center Point=(Center horizontally, towards bottom of gauge)
  • Horizontal Radius=11.75
  • Vertical Radius=11.75
  • Angle=180
  • Sweep=180
  • Length=10
  • Label Position=22

Line

  • Width=0.25
  • Pen Width=0.1
  • Pen Color=(98, 98, 98)
  • Brush Color=(205, 205, 205)

Text

(Default Options)

Container

(Default Options)

Container

  • Offset X=0.5
  • Offset Y=0.5

Needle

  • Type=Circular
  • Center Point=(Same as tick marks)
  • Sweep=180
  • Range Start/End=(As your tick marks specify)
  • PID=SAE.FRP
  • Value Type=Value (Number)

Line

  • Start Point=(Same as needle center point)
  • End Point=(Inner edge of first tick mark)
  • Width=0.7,1,0.01
  • Brush Opacity=80

Container

(Default Options)

Needle

  • Type=Circular
  • Center Point=(Same as tick marks)
  • Sweep=180
  • Range Start/End=(As your tick marks specify)
  • PID=SAE.FRP
  • Value Type=Value (Number)

Line

  • Start Point=(Same as needle center point)
  • End Point=(Inner edge of first tick mark)
  • Width=0.7,1,0.01
  • Brush Color=(200, 0, 0)