week06 文字與圖片

 Processing 不只能在螢幕上插入圖片，文字其實也可以!

你可以使用:

fill(255,0,0);

textSize(40);

text("Hello",30,30);

另外，這個程式碼可以讓字對齊某邊

textAlign( X , Y );

X可填入 LEFT, CENTER 或 RIGHT其中一個

Y可填入 TOP, CENTER 或 BOTTOM其中一個

(CENTER的話還好，其他的位置反而比較容易搞混，得稍微注意一下)

接著要來介紹矩陣，首先來看一個例子:

int[][]A={

{1,0,1,0},

{0,1,0,1},

{1,0,1,0},

{0,1,0,1}};

size(400,400);

for(int i=0;i<4;i++){

  for(int j=0;j<4;j++){

    if(A[i][j]==0)fill(0);

    else fill(255,0,0);

    rect(j*100,i*100,100,100);

  }

}

想放圖片?沒問題。只要宣告變數就可以了，但請別忘了先將素材丟進速寫本!

int[][]A={

{1,1,1,0},

{1,1,0,2},

{1,0,2,2},

{0,2,2,2}};

PImage bird,pig;

void setup(){

  size(400,400);

  bird=loadImage("bird.jpg");

  pig=loadImage("pig.png");

}

void draw(){

for(int i=0;i<4;i++){

  for(int j=0;j<4;j++){

    if(A[i][j]==1)image(bird,j*100,i*100,100,100);

    else if(A[i][j]==2)image(pig,j*100,i*100,100,100);

    else fill(0);

    

    }

  }

}