互動技術 week02

 9/21

先上https://gdms.cwa.gov.tw/index.php找地震資料

模擬地震

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

}

放圖片

下載圖片.JPG檔 直接拉進程式碼中

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

}

按下滑鼠畫背景box 放開滑鼠仙杜瑞拉會跑到中間

PImage img,imgBox;

void setup(){

  size(600,600);

  img = loadImage("princess.jpg");

  imgBox = loadImage("box.jpg");

}

void draw(){

  imageMode(CENTER);

  if(mousePressed){

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

  }

  else{

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

  }

}