var circleArrays = [[], [], [], [], [], [], []]; var numPerLevel = 6; var spinSpeed = 1; var circle = function(size, position, rotation, speed) { this.color = color(random(100, 255), random(200, 255), random(200, 255)); this.size = size; this.x = 0; this.y = position; this.rotation = rotation; this.speed = speed; }; var createCircleArray = function() { for(var i = 0; i < circleArrays.length; i++) { for(var j = 0; j < numPerLevel; j++) { circleArrays[i].push(new circle((i + 1) * 5, i * 30, (360/numPerLevel) * j, spinSpeed)); } spinSpeed = -spinSpeed; } }; createCircleArray(); var drawCircles = function() { for(var i = 0; i < circleArrays.length; i++) { for(var j = 0; j < numPerLevel; j++) { translate(200, 200); rotate(circleArrays[i][j].rotation); circleArrays[i][j].rotation += circleArrays[i][j].speed; // circleArrays[i][j].color = color(random(100, 255), random(200, 255), random(200, 225)); fill(circleArrays[i][j].color); ellipse(0, circleArrays[i][j].y, circleArrays[i][j].size, circleArrays[i][j].size); resetMatrix(); } } }; var draw = function() { background(0); drawCircles(); };