// Square Painting 4 // August 24, 2019 -- John Clavin // San Bernardino, California var segment; var controlCounter; var numOfObjects = 800; var numOfPoints = 200; var centerX; var centerY; var move; var restartFlag; function setup() { createCanvas(800, 800); frameRate(60); noStroke(); centerX = width / 2; centerY = height / 2; initialize(); } function draw() { controlCounter++; painting.run(); if (controlCounter > 500) { move = true; } if (controlCounter > 1650) { restartFlag = true; noLoop(); } } function mousePressed() { if (restartFlag === true) { if (isMouseOver() === true) { initialize(); restartFlag = false; loop(); } } return false; } function Painting() { this.paintObjects = []; this.colorArray = []; this.addObject = function(pos, oColor) { var p = new PaintObject(pos, oColor); this.paintObjects.push(p); } this.createColors = function() { for (let h = 0; h < 5; h++) { this.colorArray[h] = color(random(220), random(220), random(220)); } } this.run = function() { for (var i = 0; i < this.paintObjects.length; i++) { this.paintObjects[i].calcAttraction(); this.paintObjects[i].update(); this.paintObjects[i].render(); } } } function PaintObject(pos, objectColor) { this.circlePos = pos; this.objectColor = objectColor; this.movingPos = this.circlePos; this.velocity = createVector(0, 0); this.cPosition = createVector(centerX, centerY); this.calcAttraction = function() { if (move === true) { var force = p5.Vector.sub(this.cPosition, this.movingPos); force.normalize(); this.velocity = force.mult(0.3); } } this.update = function() { var moveAmt = 2; this.x_decision = floor(random(3, 6)); if (this.x_decision == 3) { this.spreadto_x = -moveAmt; } else if (this.x_decision == 4) { this.spreadto_x = 0; } else { this.spreadto_x = moveAmt; } this.y_decision = floor(random(3, 6)); if (this.y_decision == 3) { this.spreadto_y = -moveAmt; } else if (this.y_decision == 4) { this.spreadto_y = 0; } else { this.spreadto_y = moveAmt; } this.spreadto_x += this.movingPos.x; this.spreadto_y += this.movingPos.y; this.movingPos.x = this.spreadto_x; this.movingPos.y = this.spreadto_y; this.movingPos.add(this.velocity); } this.render = function() { var pointSize = 3; fill(this.objectColor); ellipse(this.movingPos.x, this.movingPos.y, pointSize, pointSize); } } function initialize() { background(246); controlCounter = 0; restartFlag = false; move = false; painting = new Painting(); painting.createColors(); var pointSpace = 4; var oPoint = 0; var point_X; var point_Y; var colorIndex; var oColor; for (let i = 0; i < numOfPoints; i++) { point_Y = 10; oPoint = oPoint + pointSpace; colorIndex = floor(random(5)); oColor = painting.colorArray[colorIndex]; fill(oColor); painting.addObject(createVector(oPoint, point_Y), oColor); } oPoint = 0; for (let i = 0; i < numOfPoints; i++) { point_Y = 790; oPoint = oPoint + pointSpace; colorIndex = floor(random(5)); oColor = painting.colorArray[colorIndex]; fill(oColor); painting.addObject(createVector(oPoint, point_Y), oColor); } oPoint = 0; for (let i = 0; i < numOfPoints; i++) { point_X = 10; oPoint = oPoint + pointSpace; colorIndex = floor(random(5)); oColor = painting.colorArray[colorIndex]; fill(oColor); painting.addObject(createVector(point_X, oPoint), oColor); } oPoint = 0; for (let i = 0; i < numOfPoints; i++) { point_X = 790; oPoint = oPoint + pointSpace; colorIndex = floor(random(5)); oColor = painting.colorArray[colorIndex]; fill(oColor); painting.addObject(createVector(point_X, oPoint), oColor); } } function isMouseOver() { if ((mouseX < 0) || (mouseX > width) || (mouseY < 0) || (mouseY > height)) { return false; } else { return true; } }