//

// Generative Gestaltung – Creative Coding im Web

// ISBN: 978-3-87439-902-9, First Edition, Hermann Schmidt, Mainz, 2018

// Benedikt Groß, Hartmut Bohnacker, Julia Laub, Claudius Lazzeroni

// with contributions by Joey Lee and Niels Poldervaart

// Copyright 2018

//

// 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.

​

/**

 * limited diffusion aggregation

 *

 * KEYS

 * s                   : save png

 */

'use strict';

​

var maxCount = 5000; // max count of the cirlces

var currentCount = 1;

var x = [];

var y = [];

var r = [];

​

function setup() {

  createCanvas(800, 800);

  strokeWeight(0.5);

​

  // first circle

  x[0] = width / 2;

  y[0] = height / 2;

  r[0] = 10;

}

​

function draw() {

  clear();

​

  // create a random set of parameters

  var newR = random(1, 7);

  var newX = random(newR, width - newR);

  var newY = random(newR, height - newR);

​

  var closestDist = Number.MAX_VALUE;

  var closestIndex = 0;

  // which circle is the closest?

  for (var i = 0; i < currentCount; i++) {

    var newDist = dist(newX, newY, x[i], y[i]);

    if (newDist < closestDist) {

      closestDist = newDist;

      closestIndex = i;

    }

  }

​

  // show original position of the circle and a line to the new position

  // fill(230);

  // ellipse(newX, newY, newR * 2, newR * 2);

  // line(newX, newY, x[closestIndex], y[closestIndex]);

​

  // aline it to the closest circle outline

  var angle = atan2(newY - y[closestIndex], newX - x[closestIndex]);

​

  x[currentCount] = x[closestIndex] + cos(angle) * (r[closestIndex] + newR);

  y[currentCount] = y[closestIndex] + sin(angle) * (r[closestIndex] + newR);

  r[currentCount] = newR;

  currentCount++;

​

  // draw them

  for (var i = 0; i < currentCount; i++) {

    fill(50);

    ellipse(x[i], y[i], r[i] * 2, r[i] * 2);

  }

​

  if (currentCount >= maxCount) noLoop();

}

​

function keyReleased() {

  if (key == 's' || key == 'S') saveCanvas(gd.timestamp(), 'png');

}

​