Differences

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

--- ben-crazydogjs [2021/06/15 00:06] – 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=100% height=800px></iframe>
+<iframe src="https://editor.p5js.org/renick/present/J6TAeabU9" width=99% height=799px></iframe>
 </HTML>
+This is my crazyDog.js. I've been working on it all semester. The hardest thing was... I'm proud of it because... The code for my artwork is below. It's licensed as Creative Commons XXXXX.
 <Code:js>
@@ Line 12: / Line 14: @@
 let dogeColor=0
 function setup() {
-  createCanvas(600, 536);
+createCanvas(600, 536);
-  dogeColor = random(255)
+dogeColor = random(255)
 }
@@ Line 19: / 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>