week02

 

week02

*step01

登入https://gdms.cwa.gov.tw/網站

測站查詢:

地震波形繪圖:

登入後查詢:

*step02

畫出地震的樣子

float[]HLE={-1042,-3479.7,1003.7,-1669,-1639.6,-14219,-3655.1,-4917,9363.2,-4271.8,-24,681};
void setup(){
  size(500,500);
}
void draw(){
  background(#FFFFF2);
  rect(200,200,100,100);
}
方塊抖動程式碼:
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,-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);
}
*step02
加入圖片
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);
}
仙杜瑞拉背景樓梯:

PImage img,imgBox;
void setup(){
size(600,600);
img=loadImage("sad.jpg");
imgBox=loadImage("sd.jpg");
}
void draw(){
  imageMode(CENTER);
  if(mousePressed){
    image(imgBox,mouseX,mouseY);
  }else{
  image(img,300,300,220,300);
  }
}