部落格Week02

 

第二堂課

• 註冊並登入GDMS

• 查花蓮地震的資料

• 記錄折線圖的數值

• 打開Processing並輸入程式碼叫出方塊

• 修改程式碼讓方塊晃起來

修改程式碼讓方塊可以上下左右晃

float[]HLE={-1042, -3479.7, 1003.7, -1669, -1639.6, -14219, -3655.1, -4917, 9363.2, -4271.8, -24, 681};

float[]HLN={-17090, -13711, -22888, -19631, -23818, -18573, -19636, -15648, -18256, -15721, -17776, -15581};

int N=12;

void setup()

{

 size(500,500);

}

void draw()

{

  background(#FFFFF2);

  float dx=HLE[frameCount%N]/100;

  float dy=HLN[frameCount%N]/100;

  rect(200+dx,300+dy,100,100);

}

第三堂課

去google下載圖片

•   開新檔案輸入程式碼>把圖片丟進去>執行叫出椅子

   

• 修改程式碼讓圖片滿版

PImage img = loadImage("chair.jpg");

size(300,300);

image(img,0,0,300,300);

• 開新檔案輸入程式碼讓圖片跟隨滑鼠出現(蓋章的概念)

PImage img;
void setup(){
  size(600,600);
  img = loadImage("chair.jpg");
  
}
 void draw(){
   image(img,mouseX,mouseY,300,300);
 }

• 開新檔案輸入程式碼叫出公主

• 開新檔案輸入程式碼做出地板

void setup(){

  size(600,600);

  img = loadImage("pc.png");

  imgBox = loadImage("bg.png");

}

 void draw(){

   imageMode(CENTER);

   if(mousePressed)

   {

    image(imgBox,mouseX,mouseY);

   }

   else

   {

     image(img,300,300,220,300);

   }

 }