Differences

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

--- ben-crazydogjs [2021/06/14 23:39] – created 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>
-  let red=0;
+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.
-  let green=0;
-  let blue=0;
+<Code:js>
-  let sun=144
+let red=0;
-  let dogeColor=0
+let green=0;
-  function setup() {
+let blue=0;
-    createCanvas(600, 536);
+let sun=144
-    dogeColor = random(255)
+let dogeColor=0
-  }
+function setup() {
+createCanvas(600, 536);
+dogeColor = random(255)
+}
-  class Dog {
-    constructor (x ,y)
-    {
-      this.positionx = x
+class Dog {
-      this.positiony = y
+constructor (x ,y)
-    }
+{
-    draw ()
+this.positionx = x
-    {
+this.positiony = y
+}
-    fill(dogeColor)
+draw ()
-    rect(this.positionx+65,480, 20, 55, 20);
+{
-    rect(this.positionx+70,480, 20, 55, 20);
-    rect(this.positionx+165,480, 20, 55, 20);
+fill(dogeColor)
-    rect(this.positionx+160,480, 20, 55, 20);
+rect(this.positionx+65,480, 20, 55, 20);
-    rect(this.positionx+65, this.positiony+215, 120, 60);
+rect(this.positionx+70,480, 20, 55, 20);
-    //ears
+rect(this.positionx+165,480, 20, 55, 20);
-  rect(this.positionx+55, 395, 30, 30, 10);
+rect(this.positionx+160,480, 20, 55, 20);
-  rect(this.positionx+25,395,30,30,10)
+rect(this.positionx+65, this.positiony+215, 120, 60);
-    //Head
+//ears
-   circle(this.positionx+55, this.positiony+205, 60)
+rect(this.positionx+55, 395, 30, 30, 10);
-  {let numberarray = [0, 15, 10, 5]
+rect(this.positionx+25,395,30,30,10)
-      let r = random(numberarray)
+//Head
-    //Eyes
+circle(this.positionx+55, this.positiony+205, 60)
-    fill(0,0,0)
+{let numberarray = [0, 15, 10, 5]
-  circle(this.positionx+40,415,10)
+let r = random(numberarray)
-  circle(this.positionx+70,415,10)
+//Eyes
+fill(0,0,0)
-    }
+circle(this.positionx+40,415,10)
+circle(this.positionx+70,415,10)
-    //mouth
+}
-  {
-    fill('red')
+//mouth
-    arc(this.positionx+55, 425, 30, 30, 0, PI, PIE,10)
+{
-    }
+fill('red')
-  //teeths
+arc(this.positionx+55, 425, 30, 30, 0, PI, PIE,10)
-  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);
+//teeths
-    if (mouseIsPressed) {
+fill("white")
-  dogeColor = color(random (255), random(255), random(255));
+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)
-    {
+class backgroundPattern {
-      this.xposition = x
+constructor (x,y)
-      this.yposition = y
+{
-    }
+this.xposition = x
-    draw ()
+this.yposition = y
-    {
+}
-      //sun
+draw ()
-    //outer
+{
-    noStroke();
+//sun
-    fill(255, 165, 0, 50);
+//outer
-    if(sun>105){
+noStroke();
-      circle(150, sun--, 200);
+fill(255, 165, 0, 50);
-    }
+if(sun>105){
-    else if(sun==105){
+circle(150, sun--, 200);
-      circle(150, sun, 200);
+}
-    }
+else if(sun==105){
-    //inner
+circle(150, sun, 200);
-    noStroke();
+}
-    fill(255, 100, 0, 100);
+//inner
-    if(sun>105){
+noStroke();
-      circle(150, sun--, 150);
+fill(255, 100, 0, 100);
-    }
+if(sun>105){
-    else if(sun==105){
+circle(150, sun--, 150);
-      circle(150, sun, 150);
+}
-    }
+else if(sun==105){
+circle(150, sun, 150);
-      //clouds
+}
-      fill(dogeColor)
+//clouds
-      circle(this.xposition+50,250,60)
+fill(dogeColor)
-      circle(this.xpositionx+80,240,60)
+circle(this.xposition+50,250,60)
-      circle(this.xposition+100,230,60)
+circle(this.xpositionx+80,240,60)
-      circle(this.xposition+110,270,60)
+circle(this.xposition+100,230,60)
-      circle(this.xposition+120,270,60)
+circle(this.xposition+110,270,60)
-      circle(this.xposition+110,280,60)
+circle(this.xposition+120,270,60)
-      circle(this.xposition+100,250,60)
+circle(this.xposition+110,280,60)
-      circle(this.xposition+80,290,60)
+circle(this.xposition+100,250,60)
-     stroke(0,0,0)
+circle(this.xposition+80,290,60)
-      //hat
+stroke(0,0,0)
-      fill('black')
+//hat
-     ellipse (this.xposition + 55, 390, 70, 40)
+fill('black')
-    rect (this.xposition + 35, 330,40,50,10)
+ellipse (this.xposition + 55, 390, 70, 40)
-    //tie
+rect (this.xposition + 35, 330,40,50,10)
-    fill(0,0,0)
+//tie
-      rect(this.xposition+100,428,20,50)
+fill(0,0,0)
-  triangle(this.xposition+100,477,this.xposition+120,477,this.xposition+110,485)
+rect(this.xposition+100,428,20,50)
-      textSize(32);
+triangle(this.xposition+100,477,this.xposition+120,477,this.xposition+110,485)
-  //Click Me
+textSize(32);
-  fill('cyan');
+//Click Me
-  text('Click on a Dog or Cloud', 250, 180);
+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()}
-    }
-  }
+}
+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()}
+}
+}
+</Code>