Brandon Chen's crazyDog.js

let red=0;
let green=0;
let blue=0;
let sun=144
let dogeColor=0
function setup() {
  createCanvas(600, 536);
  dogeColor = random(255)
}



class Dog {
  constructor (x ,y)
  {
    this.positionx = x
    this.positiony = y
  }
  draw ()
  {

  fill(dogeColor)
  rect(this.positionx+65,480, 20, 55, 20);
  rect(this.positionx+70,480, 20, 55, 20);
  rect(this.positionx+165,480, 20, 55, 20);
  rect(this.positionx+160,480, 20, 55, 20);
  rect(this.positionx+65, this.positiony+215, 120, 60);
  //ears
rect(this.positionx+55, 395, 30, 30, 10);
rect(this.positionx+25,395,30,30,10)
  //Head
 circle(this.positionx+55, this.positiony+205, 60)
{let numberarray = [0, 15, 10, 5]
    let r = random(numberarray)
  //Eyes
  fill(0,0,0)
circle(this.positionx+40,415,10)
circle(this.positionx+70,415,10)

  }
 
  //mouth
{
  fill('red')
  arc(this.positionx+55, 425, 30, 30, 0, PI, PIE,10)
  }
//teeths
fill("white")   
    triangle(this.positionx+60,435,this.positionx+55,426,this.positionx+65,426); triangle(this.positionx+50,435,this.positionx+45,426,this.positionx+55,426);
  if (mouseIsPressed) {
dogeColor = color(random (255), random(255), random(255)); 
}
  }
}

class backgroundPattern {
  constructor (x,y)
  {
    this.xposition = x
    this.yposition = y
  }
  draw ()
  {
    //sun
  //outer
  noStroke();
  fill(255, 165, 0, 50);
  if(sun>105){
    circle(150, sun--, 200);
  }
  else if(sun==105){
    circle(150, sun, 200);
  }
  //inner
  noStroke();
  fill(255, 100, 0, 100);
  if(sun>105){
    circle(150, sun--, 150);
  }
  else if(sun==105){
    circle(150, sun, 150);
  }  
  
    //clouds
    fill(dogeColor)
    circle(this.xposition+50,250,60)
    circle(this.xpositionx+80,240,60)
    circle(this.xposition+100,230,60)
    circle(this.xposition+110,270,60)
    circle(this.xposition+120,270,60)
    circle(this.xposition+110,280,60)
    circle(this.xposition+100,250,60)
    circle(this.xposition+80,290,60)
   stroke(0,0,0)
    //hat
    fill('black')
   ellipse (this.xposition + 55, 390, 70, 40)
  rect (this.xposition + 35, 330,40,50,10)
  //tie
  fill(0,0,0)
    rect(this.xposition+100,428,20,50)
triangle(this.xposition+100,477,this.xposition+120,477,this.xposition+110,485)
    textSize(32);
//Click Me
fill('cyan');
text('Click on a Dog or Cloud', 250, 180);

  }
  
}
function draw() {
 background(red+=5, green++, blue);
    for(let i = 0; i<100 ; i++) {
  let dog1 = new Dog (i*150, 213+(i*0))
   dogarr = [
    dog1
  ]
   for (let i = 0; i < dogarr.length; i++) { dogarr[i].draw() }   
  }
  for(let i =0;i<100;i++) {
    let background1 = new backgroundPattern (i*150,213+(i*0))
    backgroundPatternarr = [
      background1
    ]
    for(let i = 0; i< backgroundPatternarr.length; i++) {backgroundPatternarr[i].draw()}
  }
}