topical media & game development

talk show tell print

graphic-processing-site-examples-Basics-Shape-GetChild-GetChild.pde / pde



  
Get Child. SVG files can be made of many individual shapes. Each of these shapes (called a "child") has its own name that can be used to extract it from the "parent" file. This example loads a map of the United States and creates two new PShape objects by extracting the data from two states.

  
  
  PShape usa;
  PShape michigan;
  PShape ohio;
  
  void setup() {
    size(640, 360);  
    usa = loadShape("usa-wikipedia.svg");
    michigan = usa.getChild("MI");
    ohio = usa.getChild("OH");
    smooth();  // Improves the drawing quality of the SVG
    noLoop();
  }
  
  void draw() {
    background(255);
    
    // Draw the full map
    shape(usa, -600, -180);
    
    // Disable the colors found in the SVG file
    michigan.disableStyle();
    // Set our own coloring
    fill(0, 51, 102);
    noStroke();
    // Draw a single state
    shape(michigan, -600, -180); // Boo Wolverines!
    
    // Disable the colors found in the SVG file
    ohio.disableStyle();
    // Set our own coloring
    fill(153, 0, 0);
    noStroke();
    // Draw a single state
    shape(ohio, -600, -180);  // Go Buckeyes!
  }
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.