p211_3

//based on code found here: http://www.generative-gestaltung.de/P_2_1_1_04

int tileCount;
float tileWidth, tileHeight, shapeSize;
float newShapeSize = shapeSize;
float shapeAngle = 0;
float maxDist, angle, x, y, radius, theta;

color shapeColor = color(0, 130, 164);
int fillMode = 0;
int sizeMode = 0;

void setup() {
  size(500, 500);
  background(255);
  smooth();

  tileCount = 10;
  shapeSize = width/tileCount;

  tileWidth = width/float(tileCount);
  tileHeight = height/float(tileCount);
  maxDist = sqrt(sq(width)+sq(height));
  radius = width/3;
}


void draw() {

  background(255);

  for (int gridY=0; gridY<tileCount; gridY++) {
    for (int gridX=0; gridX<tileCount; gridX++) {

      float posX = tileWidth*gridX + tileWidth/2;
      float posY = tileHeight*gridY + tileWidth/2;

      newShapeSize = shapeSize;

      x = width/2 + sin(theta)*radius;
      y = height/2 + cos(theta)*radius;

      angle = atan2(y-posY, x-posX) + radians(shapeAngle);
      float a = map(dist(x, y, posX, posY), 0, maxDist, 0, 255);
      fill(shapeColor, a);

      pushMatrix();
      translate(posX, posY);
      //rotate (angle);
      rectMode(CENTER);

      noStroke();
      rect(0, 0, newShapeSize, newShapeSize);
      popMatrix();
    }
  }
  theta += 0.0523;

  if (frameCount % 2 == 0 && frameCount < 121) saveFrame("image-###.gif");

}