collections {
  group {
    name: "vertice_normal";
    max: 700 700;
    min: 700 700;
    images {
      image: "data/vertice.png" COMP;
    }
    parts {
      part {
        name: "image";
        type: IMAGE;
        description {
          state: "default" 0.0;
          max: 15 15;
          min: 15 15;
          image{
            normal: "data/vertice.png";
          }
          rel1.relative: 0.0 0.0;
          rel2.relative: 1.0 1.0;
          color: 255 255 255 100;
        }
        description {
          state: "active" 1.0;
          inherit: "default" 0.0;
          color: 255 255 255 255;
        }
      }
      part {
        name: "label";
        type: TEXT;
        description {
          state: "default" 0.0;
          max: 50 8;
          fixed: 1 1;
          color: 200 255 0 50; /* yellow low */
          text {
            font: "vera";
            size: 10;
            min: 1 1;
          }
          rel1.to: "image";
          rel1.relative: 0.5 1.0;
          rel2.to: "image";
          rel2.relative: 0.5 1.0;
          rel2.offset: 0 8;
        }
        description {
          state: "active" 1.0;
          inherit: "default" 0.0;
          color: 200 255 0 255; /* yellow visible */
        }
      }
    }
    programs {
      program {
        name: "state_active";
        signal: "become_active";
        source: "";
        action: STATE_SET "active" 0.0;
        target: "image";
        target: "label";
        transition: DECELERATE  0.5;
      }
      program {
        name: "state_inactive";
        signal: "become_inactive";
        source: "";
        action: STATE_SET "default" 0.0;
        target: "image";
        target: "label";
        transition: DECELERATE  0.5;
      }
    }
  }
  group {
    name: "vertice_group";
    max: 700 700;
    min: 700 700;
    images {
      image: "data/vertice.png" COMP;
    }
    parts {
      part {
        name: "image";
        type: IMAGE;
        description {
          state: "default" 0.0;
          max: 15 15;
          min: 15 15;
          image{
            normal: "data/vertice.png";
          }
          rel1.relative: 0.0 0.0;
          rel2.relative: 1.0 1.0;
          color: 160 120 40 70;
        }
        description {
          state: "active" 1.0;
          inherit: "default" 0.0;
          color: 160 120 40 170;
        }
      }
      part {
        name: "label";
        type: TEXT;
        description {
          state: "default" 0.0;
          max: 50 8;
          fixed: 1 1;
          color: 160 120 40 70; /* yellow low */
          text {
            font: "vera";
            size: 10;
            min: 1 1;
          }
          rel1.to: "image";
          rel1.relative: 0.5 1.0;
          rel2.to: "image";
          rel2.relative: 0.5 1.0;
          rel2.offset: 0 8;
        }
        description {
          state: "active" 1.0;
          inherit: "default" 0.0;
          color: 160 120 40 170; /* yellow visible */
        }
      }
    }
    programs {
      program {
        name: "state_active";
        signal: "become_active";
        action: STATE_SET "active" 0.0;
        target: "image";
        transition: DECELERATE  0.5;
      }
      program {
        name: "state_inactive";
        signal: "become_inactive";
        action: STATE_SET "default" 0.0;
        target: "image";
        transition: DECELERATE  0.5;
      }
    }
  }
  group {
    name: "edge_normal";
    max: 700 700;
    min: 700 700;
    images {
      image: "data/edge.png" COMP;
    }
    parts {
      part {
        name: "image";
        type: IMAGE;
        description {
          state: "default" 0.0;
          max: 50 10;
          min: 50 10;
          image{
            normal: "data/edge.png";
          }
          rel1.relative: 0.0 0.0;
          rel2.relative: 1.0 1.0;
          color: 255 255 255 50;
        }
        description {
          state: "active" 1.0;
          inherit: "default" 0.0;
          color: 255 255 255 255;
        }
      }
    }
    programs {
      program {
        name: "state_active";
        signal: "become_active";
        action: STATE_SET "active" 0.0;
        target: "image";
        transition: DECELERATE  0.5;
      }
    }
  }
  group {
    name: "edge_group";
    max: 700 700;
    min: 700 700;
    images {
      image: "data/edge.png" COMP;
    }
    parts {
      part {
        name: "image";
        type: IMAGE;
        description {
          state: "default" 0.0;
          max: 50 10;
          min: 50 10;
          image{
            normal: "data/edge.png";
          }
          rel1.relative: 0.0 0.0;
          rel2.relative: 1.0 1.0;
          color: 255 120 40 70;
        }
        description {
          state: "active" 1.0;
          inherit: "default" 0.0;
          color: 255 120 40 170;
        }
      }
    }
    programs {
      program {
        name: "state_active";
        signal: "become_active";
        action: STATE_SET "active" 0.0;
        target: "image";
        transition: DECELERATE  0.5;
      }
    }
  }
  group {
    name: "blob";
    max: 700 700;
    min: 700 700;
    images {
      image: "data/blob.png" COMP;
    }
    parts {
      part {
        name: "image";
        type: IMAGE;
        description {
          state: "default" 0.0;
          max: 50 50;
          min: 3 3;
          image{
            normal: "data/blob.png";
          }
          rel1.relative: 0.0 0.0;
          rel2.relative: 1.0 1.0;
        }
      }
    }
  }
}