// P_2_1_1_04
//
// 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.
/**
* shapes in a grid, that are always facing the mouse
*
* MOUSE
* position x/y : position to face
*
* KEYS
* 1-7 : choose shapes
* arrow up/down : scale of shapes
* arrow left/right : additional rotation of shapes
* d : toggle. size depending on distance
* g : toggle. grid resolution
* s : save png
*/
var tileCount = 10;
var tileWidth, tileHeight;
var shapeSize = 50;
var newShapeSize = shapeSize;
var shapeAngle = 0;
var maxDist;
var currentShape;
var fillMode = 0;
var sizeMode = 0;
function preload(){
currentShape = loadImage("data/module_1.svg");
currentShape = loadImage("data/module_2.svg");
currentShape = loadImage("data/module_3.svg");
currentShape = loadImage("data/module_4.svg");
currentShape = loadImage("data/module_5.svg");
currentShape = loadImage("data/module_6.svg");
currentShape = loadImage("data/module_7.svg");
currentShape = loadImage("data/module_1.svg");
}
function setup(){
createCanvas(600, 600);
background(255);
smooth();
tileWidth = width/float(tileCount);
tileHeight = height/float(tileCount);
maxDist = sqrt(sq(width)+sq(height));
}
function draw(){
background(255);
smooth();
for (var gridY=0; gridY<tileCount; gridY++) {
for (var gridX=0; gridX<tileCount; gridX++) {
var posX = tileWidth*gridX + tileWidth/2;
var posY = tileHeight*gridY + tileWidth/2;
// calculate angle between mouse position and actual position of the shape
var angle = atan2(mouseY-posY, mouseX-posX) + radians(shapeAngle);
if (sizeMode == 0) {newShapeSize = shapeSize;}
if (sizeMode == 1) {newShapeSize = shapeSize*1.5-map(dist(mouseX,mouseY,posX,posY),0,500,5,shapeSize);}
if (sizeMode == 2) {newShapeSize = map(dist(mouseX,mouseY,posX,posY),0,500,5,shapeSize);}
push();
translate(posX, posY);
rotate (angle);
imageMode (CENTER);
scale(newShapeSize/100,newShapeSize/100);
noStroke();
shape(currentShape, 0,0, newShapeSize,newShapeSize);
pop();
}
}
}
function shape(currentShape, x,y, newShapeSize,newShapeSize){
image(currentShape,0,0);
x=0;
y=0;
}
function keyTyped() {
if (key == 's' || key == 'S') save("P_2_1_1_04.png");
if (key == 'd' || key == 'D') sizeMode = (sizeMode+1) % 3;
if (key == 'g' || key == 'G') {
tileCount = tileCount+5;
if (tileCount > 20) {
tileCount = 10;
}
tileWidth = width/float(tileCount);
tileHeight = height/float(tileCount);
}
if (key == '1') currentShape = loadImage("data/module_1.svg");
if (key == '2') currentShape = loadImage("data/module_2.svg");
if (key == '3') currentShape = loadImage("data/module_3.svg");
if (key == '4') currentShape = loadImage("data/module_4.svg");
if (key == '5') currentShape = loadImage("data/module_5.svg");
if (key == '6') currentShape = loadImage("data/module_6.svg");
if (key == '7') currentShape = loadImage("data/module_7.svg");
}
function keyPressed(){
if (keyCode == UP_ARROW) shapeSize +=5;
if (keyCode == DOWN_ARROW) shapeSize = max(shapeSize-5, 5);
if (keyCode == LEFT_ARROW) shapeAngle -=5;
if (keyCode == RIGHT_ARROW) shapeAngle +=5;
}