Differences

This shows you the differences between two versions of the page.

--- ben-crazydogjs [2021/06/16 21:14] – renick
+++ ben-crazydogjs [2021/06/20 18:27] (current) – brandon.chen
@@ Line 2: / Line 2: @@
 <HTML>
-<iframe src="https://editor.p5js.org/renick/present/J6TAeabU9" width=98% height=799px></iframe>
+<iframe src="https://editor.p5js.org/renick/present/J6TAeabU9" width=99% height=799px></iframe>
 </HTML>
@@ Line 14: / Line 14: @@
 let dogeColor=0
 function setup() {
-  createCanvas(600, 536);
+createCanvas(600, 536);
-  dogeColor = random(255)
+dogeColor = random(255)
 }
@@ Line 21: / Line 21: @@
 class Dog {
-  constructor (x ,y)
+constructor (x ,y)
-  {
+{
-    this.positionx = x
+this.positionx = x
-    this.positiony = y
+this.positiony = y
-  }
+}
-  draw ()
+draw ()
-  {
+{
-  fill(dogeColor)
+fill(dogeColor)
-  rect(this.positionx+65,480, 20, 55, 20);
+rect(this.positionx+65,480, 20, 55, 20);
-  rect(this.positionx+70,480, 20, 55, 20);
+rect(this.positionx+70,480, 20, 55, 20);
-  rect(this.positionx+165,480, 20, 55, 20);
+rect(this.positionx+165,480, 20, 55, 20);
-  rect(this.positionx+160,480, 20, 55, 20);
+rect(this.positionx+160,480, 20, 55, 20);
-  rect(this.positionx+65, this.positiony+215, 120, 60);
+rect(this.positionx+65, this.positiony+215, 120, 60);
-  //ears
+//ears
 rect(this.positionx+55, 395, 30, 30, 10);
 rect(this.positionx+25,395,30,30,10)
-  //Head
+//Head
- circle(this.positionx+55, this.positiony+205, 60)
+circle(this.positionx+55, this.positiony+205, 60)
 {let numberarray = [0, 15, 10, 5]
-    let r = random(numberarray)
+let r = random(numberarray)
-  //Eyes
+//Eyes
-  fill(0,0,0)
+fill(0,0,0)
 circle(this.positionx+40,415,10)
 circle(this.positionx+70,415,10)
+}
-  }
-  //mouth
+//mouth
 {
-  fill('red')
+fill('red')
-  arc(this.positionx+55, 425, 30, 30, 0, PI, PIE,10)
+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);
+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) {
+if (mouseIsPressed) {
 dogeColor = color(random (255), random(255), random(255));
 }
-  }
+}
 }
 class backgroundPattern {
-  constructor (x,y)
+constructor (x,y)
-  {
+{
-    this.xposition = x
+this.xposition = x
-    this.yposition = y
+this.yposition = y
-  }
+}
-  draw ()
+draw ()
-  {
+{
-    //sun
+//sun
-  //outer
+//outer
-  noStroke();
+noStroke();
-  fill(255, 165, 0, 50);
+fill(255, 165, 0, 50);
-  if(sun>105){
+if(sun>105){
-    circle(150, sun--, 200);
+circle(150, sun--, 200);
-  }
+}
-  else if(sun==105){
+else if(sun==105){
-    circle(150, sun, 200);
+circle(150, sun, 200);
-  }
+}
-  //inner
+//inner
-  noStroke();
+noStroke();
-  fill(255, 100, 0, 100);
+fill(255, 100, 0, 100);
-  if(sun>105){
+if(sun>105){
-    circle(150, sun--, 150);
+circle(150, sun--, 150);
-  }
+}
-  else if(sun==105){
+else if(sun==105){
-    circle(150, sun, 150);
+circle(150, sun, 150);
-  }
+}
+//clouds
-    //clouds
+fill(dogeColor)
-    fill(dogeColor)
+circle(this.xposition+50,250,60)
-    circle(this.xposition+50,250,60)
+circle(this.xpositionx+80,240,60)
-    circle(this.xpositionx+80,240,60)
+circle(this.xposition+100,230,60)
-    circle(this.xposition+100,230,60)
+circle(this.xposition+110,270,60)
-    circle(this.xposition+110,270,60)
+circle(this.xposition+120,270,60)
-    circle(this.xposition+120,270,60)
+circle(this.xposition+110,280,60)
-    circle(this.xposition+110,280,60)
+circle(this.xposition+100,250,60)
-    circle(this.xposition+100,250,60)
+circle(this.xposition+80,290,60)
-    circle(this.xposition+80,290,60)
+stroke(0,0,0)
-   stroke(0,0,0)
+//hat
-    //hat
+fill('black')
-    fill('black')
+ellipse (this.xposition + 55, 390, 70, 40)
-   ellipse (this.xposition + 55, 390, 70, 40)
+rect (this.xposition + 35, 330,40,50,10)
-  rect (this.xposition + 35, 330,40,50,10)
+//tie
-  //tie
+fill(0,0,0)
-  fill(0,0,0)
+rect(this.xposition+100,428,20,50)
-    rect(this.xposition+100,428,20,50)
 triangle(this.xposition+100,477,this.xposition+120,477,this.xposition+110,485)
-    textSize(32);
+textSize(32);
 //Click Me
 fill('cyan');
 text('Click on a Dog or Cloud', 250, 180);
-  }
+}
 }
 function draw() {
- background(red+=5, green++, blue);
+background(red+=5, green++, blue);
-    for(let i = 0; i<100 ; i++) {
+for(let i = 0; i<100 ; i++) {
-  let dog1 = new Dog (i*150, 213+(i*0))
+let dog1 = new Dog (i*150, 213+(i*0))
-   dogarr = [
+dogarr = [
-    dog1
+dog1
-  ]
+]
-   for (let i = 0; i < dogarr.length; i++) { dogarr[i].draw() }
+for (let i = 0; i < dogarr.length; i++) { dogarr[i].draw() }
-  }
+}
-  for(let i =0;i<100;i++) {
+for(let i =0;i<100;i++) {
-    let background1 = new backgroundPattern (i*150,213+(i*0))
+let background1 = new backgroundPattern (i*150,213+(i*0))
-    backgroundPatternarr = [
+backgroundPatternarr = [
-      background1
+background1
-    ]
+]
-    for(let i = 0; i< backgroundPatternarr.length; i++) {backgroundPatternarr[i].draw()}
+for(let i = 0; i< backgroundPatternarr.length; i++) {backgroundPatternarr[i].draw()}
-  }
+}
 }
 </Code>