yuna-wu-generative

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
yuna-wu-generative [2021/06/22 00:44] – renickyuna-wu-generative [2021/06/29 01:47] (current) – renick
Line 1: Line 1:
 ====== Yuna Wu's crazyDog.js ====== ====== Yuna Wu's crazyDog.js ======
 +By:[[yuna-wu|Yuna Wu]]
 +
 <HTML> <HTML>
-<iframe src="https://editor.p5js.org/YunaWu/present/2Wjw6n8FF" width=99% height=799px></iframe>+<iframe src="https://editor.p5js.org/renick/present/vRAuk_syA" width=99% height=799px></iframe>
 </HTML> </HTML>
  
Line 7: Line 9:
  
 This is my code. I have been working on it a long time. I think programing is very hard to me, but in this code the hardest one is the animation. I'm proud of my code, because I have been working on my code the whole semester and I have try so hard to do it. I hope everyone will like my code!!!  This is my code. I have been working on it a long time. I think programing is very hard to me, but in this code the hardest one is the animation. I'm proud of my code, because I have been working on my code the whole semester and I have try so hard to do it. I hope everyone will like my code!!! 
 +
 +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 ===== ===== the code for my crazyDog.js =====
Line 12: Line 16:
 <Code:js> <Code:js>
 let x, y; let x, y;
 + 
 function setup() { function setup() {
   createCanvas(1800,780)   createCanvas(1800,780)
Line 18: Line 22:
   x = width / 2;   x = width / 2;
   y = height / 2;   y = height / 2;
- noLoop();+ //noLoop();
      
 } }
Line 74: Line 78:
     this.positionY = startingY;     this.positionY = startingY;
   }   }
-  draw () {+  draw (bodyColor,earColor,eyeSize1,eyeSize2) {
     //dog     //dog
     for (let i = 0; i < 1; i++){     for (let i = 0; i < 1; i++){
Line 81: Line 85:
     strokeWeight(2);     strokeWeight(2);
     stroke(0);     stroke(0);
- let myRandoms = [Math.random()*r, Math.random()*r, Math.random()*r] + //let myRandoms = [Math.random()*r, Math.random()*r, Math.random()*r] 
-  fill(myRandoms[0], myRandoms[1], myRandoms[2]);+  //fill(myRandoms[0], myRandoms[1], myRandoms[2]); 
 +      fill(bodyColor);
   //front left side feet   //front left side feet
   rect(this.positionX + 60, this.positionY+298, 10, 35, 20);   rect(this.positionX + 60, this.positionY+298, 10, 35, 20);
Line 102: Line 107:
   circle(this.positionX + 50, this.positionY+253, 40);   circle(this.positionX + 50, this.positionY+253, 40);
   //Left side ear   //Left side ear
 +  fill(earColor);
   circle(this.positionX + 25, this.positionY+236, 20);   circle(this.positionX + 25, this.positionY+236, 20);
-  fill(Math.random()*r, Math.random()*r, Math.random()*r)+  fill(earColor.map(x => x*3)); 
 +  
 +  //fill((frameCount*10) % 255, frameCount % 255, frameCount % 255)
   circle(this.positionX + 25, this.positionY + 236, 10);   circle(this.positionX + 25, this.positionY + 236, 10);
   //Right side ear   //Right side ear
-  fill(myRandoms[0], myRandoms[1], myRandoms[2]);+  fill(earColor); 
 +  //fill(myRandoms[0], myRandoms[1], myRandoms[2]);
   circle(this.positionX + 65,this.positionY + 228, 20);   circle(this.positionX + 65,this.positionY + 228, 20);
-  fill(Math.random()*r, Math.random()*r, Math.random()*r)+        fill(earColor.map(x => x*3)); 
 +  
 +  //fill((frameCount*10) % 255, frameCount % 255, frameCount % 255)
   circle(this.positionX + 65, this.positionY+229, 10);   circle(this.positionX + 65, this.positionY+229, 10);
   }   }
Line 116: Line 127:
   fill(0)   fill(0)
   //Left eyes(black)   //Left eyes(black)
-  circle(this.positionX + 40, this.positionY+253, 7+r);+  circle(this.positionX + 40, this.positionY+253, 7+eyeSize1);
   //Right eyes(black)   //Right eyes(black)
-  circle(this.positionX + 60, this.positionY+253, 7+r);+  circle(this.positionX + 60, this.positionY+253, 7+eyeSize2);
     fill(255)     fill(255)
   //Left eyes(white)   //Left eyes(white)
-    circle(this.positionX + 40, this.positionY+253, 3+r);+    circle(this.positionX + 40, this.positionY+253, 3+eyeSize1);
   //Right eyes(white)   //Right eyes(white)
-    circle(this.positionX + 60, this.positionY+253, 3+r);+    circle(this.positionX + 60, this.positionY+253, 3+eyeSize2);
    }    }
 } }
Line 188: Line 199:
 let myClouds = cloudArray(114); let myClouds = cloudArray(114);
    
 +function randomColorArray(n) {
 +  let output = [];
 +  for (let i = 0; i < n; i++){
 +    output.push([Math.floor(255* Math.random()),Math.floor(255* Math.random()),Math.floor(255* Math.random())])
 +  }
 +  return output
 +}
 + 
 +function randomNumberArray(n, max) {
 +  let output = [];
 +  for (let i = 0; i < n; i++){
 +    output.push(max * Math.random())
 +  }
 +  return output
 +}
 + 
 +let dogColors = randomColorArray(12);
 + 
 +let dogEyeSizes1 =  randomNumberArray(12,10);
 +let dogEyeSizes2 =  randomNumberArray(12,10);
    
 function draw() { function draw() {
Line 204: Line 235:
   y = -240 + (height * (1/2)) + (Math.sin(frameCount/10) * (height/5));   y = -240 + (height * (1/2)) + (Math.sin(frameCount/10) * (height/5));
   let myDogs = dogArray(12, y);   let myDogs = dogArray(12, y);
 + 
   for(let i = 0; i < myDogs.length ; i++){   for(let i = 0; i < myDogs.length ; i++){
-    myDogs[i].draw()+    myDogs[i].draw((dogColors[i]),(dogColors[i].map(x => x/2)),dogEyeSizes1[i],dogEyeSizes2[i])
   }   }
      
Line 213: Line 245:
    
 } }
 + 
 </Code> </Code>
  • yuna-wu-generative.1624347881.txt.gz
  • Last modified: 2021/06/22 00:44
  • by renick