LS._. Week02

地震

• 進入https://gdms.cwa.gov.tw/網站
• 中央氣象署 臺灣地震與地球物理資料管理系統

• 老師介紹網站

• 點開地震波形繪圖

• 查波鋒波谷

• 開啟processing

• 將剛剛的數字資料複製貼上processing
• 加上一些程式碼

• 加入、更改程式碼，讓方塊可以左右快速晃動

• 加入、更改程式碼，讓方塊可以上下快速晃動
• frameRate(10);  /速度動很慢 
• frameRate(60);  /速度動很快

• 程式碼

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);

  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);

}

椅子圖

• 打上程式碼
• 找一張椅子的圖片，拉進去

• 執行出現圖片

• 更改圖片大小 image(img,0,0,300,300);

• 程式碼

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

size(300,300);

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

椅子圖 2

• 修改剛剛第二個的程式碼
• 將圖片拉進去

• 執行後可以移動圖，滑鼠經過的地方會有圖

• 程式碼

PImage img;

void setup(){

  size(600,600);

  img = loadImage("chair.jpg");

}

void draw(){

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

}

仙杜瑞拉下樓梯

• 先找一張仙杜瑞拉去背圖
• 加上程式碼執行

• 程式碼

PImage img,imgBox;

void setup(){

  size(600,600);

  img = loadImage("princess.png");

  imgBox = loadImage("box.png");

}

void draw(){

  imageMode(CENTER);

  if(mousePressed){

    image(imgBox,mouseX,mouseY);

  }else{

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

  }

}

上傳程式碼

• 上傳至GitHub