Differences

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

--- brendan-hsu-generative [2021/06/20 18:11] – brendan.hsu
+++ brendan-hsu-generative [2021/06/29 01:29] (current) – renick
@@ Line 1: / Line 1: @@
-======Brendan's crazyDog.js ======
+======Brendan Hsu's crazyDog.js ======
+[[brendan-hsu|by Brendan]]
 <HTML>
-<iframe src="https://editor.p5js.org/brendanhaha/present/CF1nBbZlQ" width=99% height=799px></iframe>
+<iframe src="https://editor.p5js.org/renick/present/jTF2mGYa6" width=99% height=799px></iframe>
 </HTML>
+===== about my crazyDog.js =====
+我覺得我的狗狗做得很好因為這個是我第一次做
+I think my dog is doing very well because this is my first time doing programming.
+The animation code is released under the [[https://www.gnu.org/licenses/old-licenses/lgpl-2.1.en.html|GNU Lesser General Public License v2.1]]
+===== the code for my crazyDog.js =====
 <Code:js>
 function setup() {
-  createCanvas(3150, 400  );
+  createCanvas(2800, 700  );
 }
@@ Line 22: / Line 37: @@
   fill(Math.random()*255,Math.random()*255,Math.random()*255);
     for(let i = 0; i<1; i++){
- circle(this.xposition+90,90, 40);}
+ circle(this.xposition+90,90+this.yposition, 40);}
   fill(Math.random()*255,Math.random()*255,Math.random()*255);
- rect(this.xposition+100, 100,90, 60);
+ rect(this.xposition+100, 100+this.yposition,90, 60);
   fill(Math.random()*255,Math.random()*255,Math.random()*255);
-rect(this.xposition+100,160, 30, 30);
+rect(this.xposition+100,160+this.yposition, 30, 30);
   fill(Math.random()*255,Math.random()*255,Math.random()*255);
-  rect(this.xposition+160,160, 30, 30);
+  rect(this.xposition+160,160+this.yposition, 30, 30);
   fill(Math.random()*255,Math.random()*255,Math.random()*255);
-  ellipse(this.xposition+190,90, 20, 50);
+  ellipse(this.xposition+190,90+this.yposition, 20, 50);
   fill(Math.random()*255,Math.random()*255,Math.random()*255);
-  circle(this.xposition+83,80, 10);
+  circle(this.xposition+83,80+this.yposition, 10);
   fill(Math.random()*255,Math.random()*255,Math.random()*255);
-  circle(this.xposition+99,80, 10);
+  circle(this.xposition+99,80+this.yposition, 10);
   }
 }
 class Background {
-  constructor (xposition, size, bColor, bposition)
+  constructor (xposition, size, bColor, bposition,yposition)
   { this.xposition = xposition;
     this.backgroundSize = size;
     this.backgroundColor = bColor;
     this.backgroundposition = bposition;
+   this.yposition=yposition
   }
   draw () {
        fill(color("beige"))
    fill(Math.random()*355,Math.random()*355,Math.random()*325);
-  rect(this.xposition+30,20,250,250);
+  rect(this.xposition+30,20+this.yposition,250,250);
   fill(Math.random()*355,Math.random()*355,Math.random()*325);
-  rect(this.xposition+40,30,230,230);
+  rect(this.xposition+40,30+this.yposition,230,230);
   }
 }
@@ Line 56: / Line 72: @@
 function dogArray (n) {
     let outputArray = [];
     for (let i = 0; i < n ; i++) {
-        outputArray.push(new Dog (200 + (i*300), 500 ,200, 1000, 1000))
+        outputArray.push(new Dog (25 + (i*300), 20 ,200, 1000, 1000))
     }
     return outputArray
 }
+function dogArrays (n) {
+        let outputArray2 = [];
+ for (let i = 0; i < n ; i++) {
+        outputArray2.push(new Dog (25 + (i*300), 300 ,200, 1000, 1000))
+    }
+      return outputArray2
+}
 function backgroundArray (n) {
     let outputArray = [];
     for (let i = 0; i < n ; i++) {
-        outputArray.push(new Background (20 + (i*300),100, 1000, 1000))
+        outputArray.push(new Background (20 + (i*300),100, 1000, 1000,20))
     }
     return outputArray
 }
+function backgroundArrays (n) {
+    let outputArrays = [];
+    for (let i = 0; i < n ; i++) {
+        outputArrays.push(new Background (20 + (i*300),100, 1000, 1000,300))
+    }
+    return outputArrays
+}
 function draw() {
   background(220);
     for(let i = 0; i < 10 ; i++){
       let myDogs = dogArray(10);
+  let  mydogss= dogArrays(10);
       let myBackgrounds = backgroundArray(10);
+       let myBackgroundss = backgroundArrays(10);
        for(let i = 0; i < myBackgrounds.length ; i++){
           myBackgrounds[i].draw()
+       }
+       for(let i = 0; i < myBackgroundss.length ; i++){
+          myBackgroundss[i].draw()
        }
        for(let i = 0; i < myDogs.length ; i++){
           myDogs[i].draw();
+       }
+      for(let i = 0; i < mydogss.length ; i++){
+          mydogss[i].draw();
        }
     }
 }
 </Code>