Differences

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

--- ron-liu-generative [2021/06/20 23:38] – renick
+++ ron-liu-generative [2021/06/29 01:41] (current) – renick
@@ Line 1: / Line 1: @@
 ======Ron Liu's crazyDog.js======
+by [[ron-liu|Ron]]
+<HTML>
+<iframe src="https://editor.p5js.org/renick/present/b8ikOH1Ir" width=99% height=799px></iframe>
+</HTML>
+===== about my crazyDog.js =====
+My dog is not so good. I think I can do a better job, but there are some small rectangles that I think make my dog look special. Maybe my dog looks like a robot dog.
+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(1800, 780);
+   background(245, 203, 66);
+}
+function drawDog(){
+for (let i = 0; i < n ; i++){
+}
+}
+class BackgroundPattern {
+  constructor (size, gColor, x,y)
+  { this.backgroundSize = size;
+    this.backgroundColor = gColor;
+   this.x = x;
+   this.y = y;
+  }
+  draw () {
+    fill(color(this.backgroundColor))
+    rect(this.x,this.y,20,20)
+  }
+}
+class dog{
+  constructor (dsize,dcolor,x,y)
+  {this.dogsize=dsize;
+   this.dogcolor=dcolor;
+   this.x= x;
+   this.y= y;
+  }
+  draw(){
+fill(color("beige"));
+fill(20,50,40);
+rect(90,160,180,70);
+rect(90,230,20,100);
+  rect(250,230,20,100)
+    fill(255,255,255)
+    rect(200,230,20,100)
+    rect(140,230,20,100)
+    rect(140,160,130,70)
+    fill(0,0,0)
+    rect(150,240,10,5)
+    rect(200,200,30,20)
+    rect(250,170,20,20)
+  rect(200,230,20,20)
+    fill(255,255,255)
+    square(115,200,22,6)
+    rect(90,250,20,30)
+    fill(81, 127, 153)
+    square(70,80,80,8)
+    fill(255,255,255)
+    square(110,80,40,7)
+    fill(0,0,0)
+    circle(130,120,20)
+    circle(90,120,20)
+    fill(255,255,255)
+    circle(130,120,10)
+    circle(90,120,10)
+    fill(151, 210, 247)
+    rect(145,82,20,60)
+    rect(55,82,20,60)
+    fill(209, 245, 188)
+    rect(140,190,20,8)
+    rect(255,300,17,15)
+    fill(0,0,0)
+    rect(55,90,20,5)
+     rect(120,120,20,2)
+    fill(250, 147, 236)
+    square(270,150,20,15)
+  }
+}
+function backgroundPatternArray (number,x,y) {
+    let outputArray = [];
+    for (let i = 0; i < number ; i++) {
+        outputArray.push(new BackgroundPattern (10,"blue",x + (i * 35),y))
+    }
+    return outputArray
+}
+ function Background2 (startingX, startingY, numberOfArrays, arrayLength) {
+  for(let i = 0; i < numberOfArrays ; i++){
+    let myBackground = backgroundPatternArray (arrayLength, startingX, startingY+(i*35));
+    for(let i = 0; i < myBackground.length ; i++){
+      myBackground[i].draw()
+    }
+  }
+}
+function draw() {
+  Background2 (20,20,20,20);
+  let dog2 = new dog (100, "black", 40, 156);
+  dog2.draw();
+}
+</Code>