// P_2_1_3_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 circle amount, size and position in a grid * * MOUSE * position x : circle amount and size * position y : circle position * left click : random position * * KEYS * s : save png */ var tileCountX = 10; var tileCountY = 10; var tileWidth, tileHeight; var count = 0; var colorStep = 15; var circleCount; var endSize, endOffset; var actRandomSeed = 0; function setup() { createCanvas(780, 780); tileWidth = width / tileCountX; tileHeight = height / tileCountY; } function draw() { smooth(); noFill(); stroke(0, 128); background(255); randomSeed(actRandomSeed); push(); translate((width/tileCountX)/2, (height/tileCountY)/2); circleCount = mouseX/30 + 1; endSize = map(mouseX, 0,width, tileWidth/2.0,0); endOffset = map(mouseY, 0,height, 0,(tileWidth-endSize)/2); pop(); for (var gridY=0; gridY<=tileCountY; gridY++) { for (var gridX=0; gridX<=tileCountX; gridX++) { push(); translate(tileWidth*gridX, tileHeight*gridY); scale(1, tileHeight/tileWidth); var toggle = int(random(0,4)); if (toggle == 0) rotate(-HALF_PI); if (toggle == 1) rotate(0); if (toggle == 2) rotate(HALF_PI); if (toggle == 3) rotate(PI); // draw module for(var i=0; i<circleCount; i++) { var diameter = map(i, 0,circleCount-1, tileWidth,endSize); var offset = map(i, 0,circleCount-1, 0,endOffset); ellipse(offset, 0, diameter,diameter); } pop(); } } } function mousePressed() { actRandomSeed = int(random(100000)); } function keyTyped() { if (key == 's' || key == 'S') save("P_2_1_3_01.png"); }