Daniel Ho's crazyDog.js

This is my crazyDog.js. I've been working on it all semester. I think the hardest thing was that I need to make the loop function slower. For example, if I draw a dog, and loop it 10 times, it only need 5 second, but now i want it to draw ten dogs but use 10 second. The thing that im proud of is that I found out that if I let the website lag enough, I cant let the loop get slower(dont try it, it might let your computer crash….). The code for my artwork is below.

**function setup() {
  createCanvas(1800,780);
  background(0)
}
 
 
 
function backgroundpatterns(x,y,bgColor){
  for(let i = 0; i<174;i++){
    fill(bgColor)
ellipse(x,y,10)
rect(x-3,y-3,5)
    x = x + 10
  }
}
 
function backgroundpatterns2(x,y,bgColor){
  for(let i = 0;i<60;i++){
    fill(bgColor)
    backgroundpatterns(x,y,bgColor)
    y = y+10
  }
}
 
class dog {
  constructor(x1,y1,num){
    this.positionx = x1
    this.fat1 = num
    this.positiony = y1
  }
draw(){
  fill(color(random(0,255),random(0,255),random(0,255)))
  ellipse(65+this.positionx,90+this.positiony,50+this.fat1,50+this.fat1);
  square(75+this.positionx,34+this.positiony,10+this.fat1);
  square(35+this.positionx,34+this.positiony,10+this.fat1);
  square(40+this.positionx,40+this.positiony,40+this.fat1);
  ellipse(75+this.positionx,50+this.positiony,5+this.fat1);
  ellipse(45+this.positionx,50+this.positiony,5+this.fat1);
line(45+this.positionx,60+this.positiony,50+this.positionx,65+this.positiony);
line(50+this.positionx,65+this.positiony,70+this.positionx,65+this.positiony);
line(70+this.positionx,65+this.positiony,75+this.positionx,60+this.positiony);
  ellipse(56+this.positionx,115+this.positiony,10+this.fat1,10+this.fat1);
  ellipse(80+this.positionx,110+this.positiony,10+this.fat1,10+this.fat1);
  triangle(50+this.positionx, 40+this.positiony, 60+this.positionx, 10+this.positiony, 70+this.positionx, 40+this.positiony);}
}
 
function loopdog(x) {
   let outputarray = [];
  for(let i = 0;i<x;i++){
 outputarray.push(new dog(random(0,1700),275,0 + (random(0,30) *i)))
  }
  //console.log(outputarray)
return outputarray
}
 
//function loopbackground(y){
  //let outputarray2 = [];
  //for(let)
//}
 
let redraw = 0;
 
function drawBackground (){
  if (redraw == 0) {
  backgroundpatterns2(20, 100, ([255*Math.random(),255*Math.random(),255*Math.random()]));
    redraw = 1
}
}
 
function draw() {
  drawBackground();
  //let background3 = new background(10,10)
  //background3.draw()
  let mydog = loopdog(10);
for(let i = 0; i < mydog.length ; i++){
   mydog[i].draw()
  }
 
}** 

By: Daniel