steve-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
steve-wang-generative [2021/06/20 18:37] – steve.wangsteve-wang-generative [2021/08/18 00:47] (current) – scott.chen
Line 1: Line 1:
-===== Steve's crazyDog.js =====+====== Steve Wang's crazyDog.js ======
  
 +Made by [[steve-wang|Steve]].
 <HTML> <HTML>
-<iframe src="https://editor.p5js.org/Mrname5/present/2KYWNj0sG" width=99% height=799px></iframe>+<iframe src="https://editor.p5js.org/renick/present/XM9IxFZk5" width=99% height=799px></iframe>
 </HTML> </HTML>
  
-I worked on this code for about a school term. I am also new to p5.js so it might not be that good. I think I have also improved in my programming skills. The first thing I made was the dog then the grenades, the clouds and the stars an, the sun I think I have improved for every step of the way. However, it may not show because I went back to improve the older things I made. Overall, I think I did fine and I am very to have learnt programming.+===== about my crazyDog.js ===== 
 + 
 +I worked on this code for about a school term. I am also new to p5.js so it might not be that good. I think I have also improved in my programming skills. The first thing I made was the dog then the grenades, the clouds and the stars, and the sun. I think I have improved for every step of the way. However, it may not show because I went back to improve the older things I made. Overall, I think I did fine and I am very happy to have learnt 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> <Code:js>
Line 288: Line 295:
 let b=0 let b=0
 let DrawCloudX =0 let DrawCloudX =0
-let DrawCloudY =0+let DrawCloudY =[]
 let cloudc =100 let cloudc =100
 let sunOut=[] let sunOut=[]
 let rown=0 let rown=0
 let DrawCloudX2 =0 let DrawCloudX2 =0
 +let cSpeed=[]
 +let cSpeed2=[]
  
- function drawcloud (x,i,DrawCloudY,cloudc) { + function drawcloud (x,i,DrawCloudY,cloudc,cSpeed) { 
-   DrawCloudX+=1+   DrawCloudX+=cSpeed[i]
    if (DrawCloudX>=1500) {DrawCloudX=0;option+=1;}    if (DrawCloudX>=1500) {DrawCloudX=0;option+=1;}
    if (option>=3) {option=0}    if (option>=3) {option=0}
-if (option==0){ let cloud= new Clouds (DrawCloudX+DrawCloudX*i,DrawCloudY,cloudc)+if (option==0){ let cloud= new Clouds (DrawCloudX+DrawCloudX*i,DrawCloudY[i],cloudc)
 cloud.draw();} cloud.draw();}
-if (option==1) { let cloud= new BigCloud(DrawCloudX+DrawCloudX*i,DrawCloudY,cloudc)+if (option==1) { let cloud= new BigCloud(DrawCloudX+DrawCloudX*i,DrawCloudY[i],cloudc)
 cloud.draw();} cloud.draw();}
-if (option==2){ let cloud= new FlatBottomCloud (DrawCloudX+DrawCloudX*i,DrawCloudY,cloudc);+if (option==2){ let cloud= new FlatBottomCloud (DrawCloudX+DrawCloudX*i,DrawCloudY[i],cloudc);
 cloud.draw();} cloud.draw();}
         }         }
  
- function drawcloud2 (x,i,DrawCloudY,cloudc) { + function drawcloud2 (x,i,DrawCloudY,cloudc,cSpeed2) { 
-   DrawCloudX2+=2+   DrawCloudX2+=cSpeed2[i]
    if (DrawCloudX2>=1500) {DrawCloudX2=0;option+=1;}    if (DrawCloudX2>=1500) {DrawCloudX2=0;option+=1;}
    if (option>=3) {option=0}    if (option>=3) {option=0}
-if (option==0){ let cloud= new Clouds (DrawCloudX2+DrawCloudX2*i,DrawCloudY,cloudc)+if (option==0){ let cloud= new Clouds (DrawCloudX2+DrawCloudX2*i,DrawCloudY[i],cloudc)
 cloud.draw();} cloud.draw();}
-if (option==1) { let cloud= new BigCloud(DrawCloudX2+DrawCloudX2*i,DrawCloudY,cloudc)+if (option==1) { let cloud= new BigCloud(DrawCloudX2+DrawCloudX2*i,DrawCloudY[i],cloudc)
 cloud.draw();} cloud.draw();}
-if (option==2){ let cloud= new FlatBottomCloud (DrawCloudX2+DrawCloudX2*i,DrawCloudY,cloudc);+if (option==2){ let cloud= new FlatBottomCloud (DrawCloudX2+DrawCloudX2*i,DrawCloudY[i],cloudc);
 cloud.draw();} cloud.draw();}
         }         }
Line 373: Line 382:
   star3.draw();      star3.draw();   
 } }
 +let lengthofCInfo=0
 +let makingCloudInfo=[]
 +
 +function makeCloudInfo(lengthofCInfo){
 +  for (let c = 0; c < lengthofCInfo; c++) { 
 +makingCloudInfo.push(random(0,300))
 +}
 +  return makingCloudInfo}
 +
 +let makingCloudSpeed=[]
 +
 +function cloudSpeedCreator (lengthofCInfo){
 +    for (let c = 0; c < lengthofCInfo; c++) { 
 +makingCloudSpeed.push(random(1,3))
 +}
 +  return makingCloudSpeed}
 +
 let starArray=[]; let starArray=[];
  
Line 388: Line 414:
           drawingarray.push(0)           drawingarray.push(0)
         }         }
 +
 +let cloudInfo=[];
 +let cloudInfo2 =[];
 +let cloudSpeed =[]
 +let cloudSpeed2 =[]
  
    
Line 395: Line 426:
          frameRate(framen);          frameRate(framen);
   c1=Math.floor(random() * 3)   c1=Math.floor(random() * 3)
-       // (x,y,amount,sizes,colors,i 
   greenb=sun(1)   greenb=sun(1)
   cloudc=sun(2)   cloudc=sun(2)
-          cloudarray.forEach((x,i)=> drawcloud(x,i,10,cloudc));     +  cloudInfo=makeCloudInfo(cloudarray.length); 
-            cloudarray.forEach((x,i)=> drawcloud2(x,i,300,cloudc));         +    cloudInfo2=makeCloudInfo(cloudarray.length); 
 +  cloudSpeed=cloudSpeedCreator(cloudarray.length); 
 +    cloudSpeed2=cloudSpeedCreator(cloudarray.length); 
 + 
 + 
 +          cloudarray.forEach((x,i)=> drawcloud(x,i,cloudInfo,cloudc,cloudSpeed));     
 +            cloudarray.forEach((x,i)=> drawcloud2(x,i,cloudInfo2,cloudc,cloudSpeed2));         
  
 if (greenb>=177) {greenb=177} if (greenb>=177) {greenb=177}
  • steve-wang-generative.1624239447.txt.gz
  • Last modified: 2021/06/20 18:37
  • by steve.wang