地震 week02

WEEK02

Step01

防災演練

Step02

 進入中央氣象局網站https://gdms.cwa.gov.tw/

註冊並登入

找到資料並記錄數字

Step03

地震的左右移動軌跡程式

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

int N=12;

void setup(){

   size(500,500);

   }

   void draw(){

     background(#FFFFF2);

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

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

   }

地震的上下左右移動軌跡程式

float [] HLE = {-1042,-3479.7,1003.7,-1669,-1639.6,-14219,-3655.1, -49
17, 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);

   frameRate(10);

   }

   void draw(){

     background(#FFFFF2);

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

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

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

   }

成品

Step04

顯示圖片程式碼

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

size(300,300);

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

成品

讓圖片跟者滑鼠移動

PImage img;

void setup(){

   size(600,600);

   img =  loadImage("jojo.jpg");

}

void draw(){

  image(img,mouseX,mouseY,300,300);

}

成品

灰姑娘走毯子的效果

PImage img,imgBox;

void setup(){

  size(600,600);

  img = loadImage("2.png");

  imgBox = loadImage("10.png");

}

void draw(){

  imageMode(CENTER);

  if(mousePressed){

    image(imgBox,mouseX,mouseY);

  }else{

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

  }

}

成品

上傳GITHUB