The Interactive Image (Fall 2005)

Code

ColoredRect cr;

void setup(){
  size (300, 300);
  cr = new ColoredRect(LEFT, 1.0);
}

void draw(){
  background(0);
  cr.render();

  chooseMyColor();
  drawMyRect();
}


void chooseMyColor(){

  // You can ask the ColoredRect various questions about itself
  float crRed   = cr.getRed();    // returns a value from 0...1
  float crGreen = cr.getGreen();  // returns a value from 0...1
  float crBlue  = cr.getBlue();   // returns a value from 0...1
  float crHue   = cr.getHue();    // returns a value from 0...1
  float crSat   = cr.getSat();    // returns a value from 0...1
  float crBri   = cr.getBri();    // returns a value from 0...1
  float crWidth = cr.getWidth();  // returns a value from 0...1

  // here is where you would set the fill color for your part, 
  // the right hand side of the canvas.
  
  // here's where you would compute your new color, based on the properties of the CR.
  // here's a simple example, which produces a lighter version of the CR's color:
  
  colorMode(RGB, 1.0);
  float r = crRed+crWidth/2;
  float g = crGreen+crWidth/2;
  float b = crBlue+crWidth/2;
  println("R:"+crRed+" G:"+crGreen+" B:"+crBlue);
  println("H:"+crHue+" S:"+crSat+" Br:"+crBri);
  fill(r,g,b);
}

void drawMyRect(){
  // don't touch this
  float crw = width * cr.getWidth(); 
  rect (crw,0, width-crw, height); 
}