// P_2_1_2_01
//
// Generative Gestaltung, ISBN: 978-3-87439-759-9
// First Edition, Hermann Schmidt, Mainz, 2009
// Hartmut Bohnacker, Benedikt Gross, Julia Laub, Claudius Lazzeroni
// Copyright 2009 Hartmut Bohnacker, Benedikt Gross, Julia Laub, Claudius Lazzeroni
//
// http://www.generative-gestaltung.de
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/**
 * changing size and position of circles in a grid
 *      
 * MOUSE
 * position x          : circle position
 * position y          : circle size
 * left click          : random position
 * 
 * KEYS
 * s                   : save png
 */

var tileCount = 20;
var circleAlpha = 180;
var actRandomSeed = 0;
function setup(){
  createCanvas(780, 780);
  colorMode(RGB, 255, 255, 255, 1);
}

function draw() {
  push();
  translate(width/tileCount/2, height/tileCount/2);
  background(255);
  smooth();
  noFill();
  var circleColor = 0;
  var circleAlpha = 0.8; 
  randomSeed(actRandomSeed);
  stroke(circleColor,circleAlpha);
  //stroke('rgba(100,0,100,0.5)');
  strokeWeight(mouseY/60);

  for (var gridY=0; gridY<tileCount; gridY++) {
    for (var gridX=0; gridX<tileCount; gridX++) {
      var posX = width/tileCount * gridX;
      var posY = height/tileCount * gridY;
      var shiftX = random(-mouseX, mouseX)/20;
      var shiftY = random(-mouseX, mouseX)/20;
      ellipse(posX+shiftX, posY+shiftY, mouseY/15, mouseY/15);
    }
  }
  pop();
  }

function mousePressed() {
  actRandomSeed = int(random(100000));
}

function keyTyped(){
  if (key == 's' || key == 'S') save("P_2_1_2_01.png");
}