Differences

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

--- sophie-yen-generative [2021/06/20 18:13] – created sophie.yen
+++ sophie-yen-generative [2021/06/29 01:44] (current) – renick
@@ Line 1: / Line 1: @@
-====== Sophie's crazyDog.js ======
+====== Sophie Yen's crazyDog.js ======
+by [[:sophie-yen|Sophie]]
 <HTML>
-<iframe src="https://editor.p5js.org/sophie.yen/present/-G0JQh56J" width=99% height=799px></iframe>
+<iframe src="https://editor.p5js.org/renick/present/-TdJlDm2N" width=99% height=799px></iframe>
 </HTML>
+===== about my crazyDog.js =====
 This is my crazyDog.js. I've been working on it all semester. For me, the hardest thing was to make all the stars. I work on the stars for many days and It's very complicated. I'm proud of it because I think when I'm finished with the stars, the stars all look very well. The code for my artwork is below.
+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>
@@ Line 11: / Line 18: @@
 function setup() {
-  createCanvas(2000, 1200);
+  createCanvas(1800, 780);
 for (var i = 0; i < 1000; i++) {
 		stars[i] = new Star();
@@ Line 27: / Line 34: @@
     //ears
     fill(color("beige"));
-    circle(this.xposition+40, 220, 25);
+    circle(this.xposition+40, 420, 25);
-    circle(this.xposition+80, 220, 25);
+    circle(this.xposition+80, 420, 25);
     //neck
     fill(color("beige"));
-    rect(this.xposition+60, 255, 40, 20);
+    rect(this.xposition+60, 455, 40, 20);
     //face
     fill(color("beige"));
-    circle(this.xposition+60,250,70);
+    circle(this.xposition+60,450,70);
     //eye
     fill(color(this.eyeColor));
-    ellipse(this.xposition+45,240,15,15);
+    ellipse(this.xposition+45,440,15,15);
-    ellipse(this.xposition+75,240,15,15);
+    ellipse(this.xposition+75,440,15,15);
     //hat
     fill(color(this.hatColor));
-    rect(this.xposition+23,205, 75, 20);
+    rect(this.xposition+23,405, 75, 20);
-    rect(this.xposition+40, 167, 38, 38);
+    rect(this.xposition+40, 367, 38, 38);
     //hat decorate
     fill(250, 245, 107);
-    rect(this.xposition+23,211, 75, 5);
+    rect(this.xposition+23,411, 75, 5);
     //mouth
     fill(color("red"));
-    circle(this.xposition+60, 270, 20);
+    circle(this.xposition+60, 470, 20);
     //nose
     fill(145, 57, 57);
-    ellipse(this.xposition+60, 252, 20, 10);
+    ellipse(this.xposition+60, 452, 20, 10);
     //blush
     fill('#fae');
-    circle(this.xposition+38, 258, 13);
+    circle(this.xposition+38, 458, 13);
-    circle(this.xposition+80, 258, 13);
+    circle(this.xposition+80, 458, 13);
     //legs
     fill(color("beige"));
-    ellipse(this.xposition+110, 300, 10, 40);
+    ellipse(this.xposition+110, 500, 10, 40);
-    ellipse(this.xposition+130, 300, 10, 40);
+    ellipse(this.xposition+130, 500, 10, 40);
     //tails
     fill(color("beige"));
-    ellipse(this.xposition+140, 260, 10, 40);
+    ellipse(this.xposition+140, 460, 10, 40);
     //body
     fill(color("beige"));
-    circle(this.xposition+116, 280, 60);
+    circle(this.xposition+116, 480, 60);
     //stage
     fill(255,255,255);
-    rect(30, 320, 2000, 60);
+    rect(30, 520, 2000, 60);
     //moon
     fill(250, 237, 55);
-    circle(80, 70, 80);
+    circle(80, 270, 80);
     fill(0,0,0);
-    circle(100, 60, 80);
+    circle(100, 260, 80);
     //star
     fill(250, 237, 55);