olivia-wang-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
olivia-wang-generative [2021/06/22 01:20] – olivia.wangolivia-wang-generative [2021/06/29 01:39] (current) – renick
Line 1: Line 1:
-=====Olivia Wang's crazyDog.js=====+======Olivia Wang's crazyDog.js====== 
 +by [[olivia-wang|Olivia Wang]]
 <HTML> <HTML>
-<iframe src="https://editor.p5js.org/olivia.wang/present/q9s4QHH31" width=99% height=799px></iframe>+<iframe src="https://editor.p5js.org/renick/present/ZxdfB2dgx" width=99% height=799px></iframe>
 </HTML> </HTML>
  
 ===== about my crazyDog.js ===== ===== about my crazyDog.js =====
  
-For this class, I think the most difficult part is the beginning. Because at the beginning I have to learn many functions and try to understand how it work. This part will consume a lot of brainpower, but when I understand I get a lot of sense of accomplishment too. Also, after I learned many functions, I can start put them together in different way and that's my favorites part. The good points about study programming. I think for me the most useful part is study programming will train my logic skills, because programming itself is a completely rational existence. there are certain specifications for what to put in every place, so in the process I learned how to follow the instructions.+For this class, I think the most difficult part is the beginning. Because at the beginning I have to learn many functions and try to understand how it works. This part will consume a lot of brainpower, but when I understand I get a lot of sense of accomplishment too. Also, after I learned many functions, I can start put to them together in different ways and that's my favorite part. The good points about that studying programming. I think for me the most useful part is study programming will train my logic skills, because programming itself is a completely rational existence. There are certain specifications for what to put in every place, so in the process I learned how to follow the instructions.
  
 對於這堂課程，我覺得最難的部分是一開始的時候，因為在一開始，我需要學習很多種功能，並且了解它們是如何運作的。在這個過程中會耗費掉許多腦力，但是當我了解了它們是如何運作的之後，我感受到了很多的成就感。此外，我學習了許多功能之後，我就可以開始以不同的方式將它們組合在一起，這是我最喜歡的部分。學習編程的優點，我覺得對我來說最有用的部分是學習編程會訓練我的邏輯能力，因為編程本身就是一種完全理性的存在，所以每個地方要放什麼都會有一定的規範，所以在這個過程中我學習到了如何按照規範一步一步完成一件事情。 對於這堂課程，我覺得最難的部分是一開始的時候，因為在一開始，我需要學習很多種功能，並且了解它們是如何運作的。在這個過程中會耗費掉許多腦力，但是當我了解了它們是如何運作的之後，我感受到了很多的成就感。此外，我學習了許多功能之後，我就可以開始以不同的方式將它們組合在一起，這是我最喜歡的部分。學習編程的優點，我覺得對我來說最有用的部分是學習編程會訓練我的邏輯能力，因為編程本身就是一種完全理性的存在，所以每個地方要放什麼都會有一定的規範，所以在這個過程中我學習到了如何按照規範一步一步完成一件事情。
 +
 +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 19: Line 22:
   y = height / 2;   y = height / 2;
 } }
 + 
 class Dog { class Dog {
   constructor (fColor1, fColor2, nColor, eColor1, eColor2, Ecolor1, Ecolor2, Bcolor, bColor, tColor, rColor, lColor1, lColor2, lColor3,fcolor,fcolor2, x, y)   constructor (fColor1, fColor2, nColor, eColor1, eColor2, Ecolor1, Ecolor2, Bcolor, bColor, tColor, rColor, lColor1, lColor2, lColor3,fcolor,fcolor2, x, y)
Line 42: Line 45:
     this.y = y;     this.y = y;
   }   }
 + 
   draw () {   draw () {
     //ear     //ear
Line 98: Line 101:
   }   }
 } }
- +  
 + 
 function dogArray (n) { function dogArray (n) {
     let outputArray = [];     let outputArray = [];
Line 107: Line 110:
     return outputArray     return outputArray
 } }
- +  
 + 
 let myDogs = dogArray(15); let myDogs = dogArray(15);
 //console.log(myDogs); //console.log(myDogs);
- +  
 + 
 class Background { class Background {
   constructor(gColor, Scolor, cColor, x, y)   constructor(gColor, Scolor, cColor, x, y)
Line 122: Line 125:
   this.y = y;   this.y = y;
 } }
 + 
   draw (){   draw (){
-    //here 
-    noStroke(); 
-    fill(color(this.groundColor)); 
-    rect(x+this.x+0, this.y+700, 400, 80); 
     //sun     //sun
     fill(color(this.sunColor));     fill(color(this.sunColor));
Line 143: Line 142:
   circle(x+this.x+60, this.y+250, 70);   circle(x+this.x+60, this.y+250, 70);
     strokeWeight(2);     strokeWeight(2);
-    x = x - 1; +  
-if (x < 0) { +
-    x = width; +
-  }+
   }}   }}
- +  
 + 
 function BackgroundArray (n) { function BackgroundArray (n) {
     let outputArray = [];     let outputArray = [];
Line 157: Line 153:
     return outputArray     return outputArray
 } }
- +  
 + 
 let myBackground = BackgroundArray(15); let myBackground = BackgroundArray(15);
 //console.log(myBackground); //console.log(myBackground);
 + 
 function draw () { function draw () {
-  background("lightblue");+  background(frameCount %203, frameCount %245, frameCount %238); 
 +   
 +   noStroke(); 
 +    fill(color("green")); 
 +    rect(0, 700, width, 80); 
 +   
 +    x = (-3) * frameCount % width; 
 +  
   //let Background1 = new Background ("green", "yellow", "white", 20, 10);   //let Background1 = new Background ("green", "yellow", "white", 20, 10);
   //Background1.draw();   //Background1.draw();
   for(let i = 0; i < myBackground.length ; i++){   for(let i = 0; i < myBackground.length ; i++){
     myBackground[i].draw()     myBackground[i].draw()
 + 
   //let Dog1 = new Dog (10+(i*100), 20+(i*100), "red", "lightblue", "green", Math.random()*255, "pink", Math.random()*255, "purple", "yellow", "orange", Math.random()*255, "lightpink", "blue", "lightgreen", Math.random()*255, 10, 20);   //let Dog1 = new Dog (10+(i*100), 20+(i*100), "red", "lightblue", "green", Math.random()*255, "pink", Math.random()*255, "purple", "yellow", "orange", Math.random()*255, "lightpink", "blue", "lightgreen", Math.random()*255, 10, 20);
   //Dog1.draw();   //Dog1.draw();
  • olivia-wang-generative.1624350052.txt.gz
  • Last modified: 2021/06/22 01:20
  • by olivia.wang