SangMo 互動技術 week02

 認識GDMS 臺灣地震與地球物理資料管理系統

藉由921來認識

官網網址:https://gdms.cwa.gov.tw/index.php
流程:電子郵件註冊 -- 資料下載 -- 地震波形繪圖

選一個地方

送出 -- OK --會跳到下面這張圖

點擊Show Plot 就能秀出圖形

滑鼠移動到線上得到座標，打在筆記本上

開啟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);
  frameRate(10);
}
void draw(){
  background(#FFFFF2);
  float dx = HLE[frameCount%N]/100;
  float dy = HLE[frameCount%N]/100;
  rect(200+dx,300+dy,100,100);
}
啟動程式後會有一個晃動圖

第二個程式 顯示圖片
在網頁上找圖下載(建議JPG)，取名chair
打下方程式
PImage img = loadImage("chair.jpg");
size(300,300);
image(img,0,0);
把圖拖進程式裡面，執行即可

第三個程式 公主階梯
上網找一張公主png透明背景圖，接者把圖丟進程式裡。
程式代碼:
PImage img, imgBox;
void setup(){
  size(600,600);
  img = loadImage("princes.png");
  imgBox = loadImage("bot.jpg");
}

void draw(){
  imageMode(CENTER);
  if(mousePressed){
    image(imgBox,mouseX,mouseY);
  }else{
   image(img,300,300,220,300);
  }
}
結果圖