Color node

Color {
  MFColor color []
}

Utility class for IndexedFaceSet2D node.

MFColor color [] : A set of colors for the faces or vertices of an IndexedFaceSet2D

# PROTO to draw the return carriage symbol
#    |
#    |
# <--|
#
PROTO CR_LF [
  field SFColor color 1 1 1
  field SFColor bgColor 0 0 0
  field SFVec2f size 10 20
  field MFColor lineColor [ 1 0 0 0 1 0 ]
] {
  Shape {
    appearance Appearance {
      material Material2D { emissiveColor IS bgColor filled TRUE }
    }
    geometry Rectangle { size IS size }
  }

  DEF TRS Transform2D {
    children [
      Shape {
        appearance Appearance { }
        geometry IndexedFaceSet2D {
          color Color { color IS lineColor }
          coordIndex [ 0, 1, 1, 2, 2, 3, 3, 0 ]
          coord Coordinate2D { point [ 2 6, 2 -4, 4, -4, 4, 6 ] }
        }
      }
      Shape {
        appearance Appearance { }
        geometry IndexedFaceSet2D {
          color Color { color IS lineColor }
          coordIndex [ 0, 1, 1, 2, 2, 3, 3, 0 ]
          coord Coordinate2D { point [ 4 -4, -4 -4, -4 -2, 4 -2 ] }
        }
      }
      Shape {
        appearance Appearance { }
        geometry IndexedFaceSet2D {
          color Color { color IS lineColor }
          coordIndex [ 0 1, 1 2, 2 0 ]
          coord Coordinate2D { point [ 0 3, 0 -7, -6 -3 ] }
        }
      }
     ]
  }
  Script {
    field SFColor changeColor IS color
    field MFColor lineColor IS lineColor
    field SFVec2f scale 1 1
    field SFVec2f sizeChanged IS size
    field SFNode trs USE TRS

    url "javascript:
      function initialize() {
        changeColor();
        sizeChanged();
      }
      function changeColor() {
        lineColor[0].r = changeColor.r;
        lineColor[0].g = changeColor.g;
        lineColor[0].b = changeColor.b;
      }
      function sizeChanged() {
        scale.x = sizeChanged.x/10;
        scale.y = sizeChanged.y/25;
        trs.scale = scale;
      }
    "
  }
}

See IndexedFaceSet2D for more examples.