alanhc 互動技術-week2

September 19, 2019

觀念

Processing 陣列宣告

int [][] table = new int [786][357]; ///宣告786*357的陣列

滑鼠事件

void mousePressed()

*KEY 打洞洞

mouseX/16*16, mouseY/30*30

mouseX/16 除掉奇怪的值
mouseX/16＊16 乘回來就可以歸零到左上角！

打洞洞程式

void mousePressed() {
    fill(0); rect(mouseX/16*16, mouseY/30*30,16,30);
}

小觀念：畫洞洞 > rect(Ｘ位置, Ｙ位置, 寬, 高);

讀圖！
1. 設定圖片參考路徑 Sketch > Add File

2. 寫程式！
宣告物件：PImage photo;
讀圖片到物件：hoto = loadImage("run03.png");
畫圖：

background(imgBG);

左鍵打洞洞，右鍵還原
位置：draw()
小技巧：使用陣列記洞洞位置

int nowI=mouseX/bx, nowJ=mouseY/by;
if (mousePressed) {
  if (mouseButton==LEFT) {
    table[nowI][nowJ]=1;
  } else {
    table[nowI][nowJ]=0;
  }
}

畫洞洞

for (int i=0; i<49; i++) {
    for (int j=0; j<10; j++) {
      fill(0);
      if (table[i][j]==1) rect(i*bx, j*by,bx,by);
    }
}

大功告成！

今日程式碼：