𝔍𝔒𝔗𝔇-week6

 今日進度:

1.印出文字及變換顏色

2.輸出不同字體的文字

3.印出矩陣

4.矩陣小遊戲(消消樂)

5.期中遊戲

1.

程式碼:

size(500,500);

fill(255,0,0);

textSize(40);

text("Hello",100,100);

執行結果:

2.

程式碼:

PFont font1 = createFont("Times New Romen", 30); // 定義字體及大小

textFont(font1); //輸出font1的社設定

text("中文v.s.English", 30, 30);  //印出文字在(30,30)的位置

PFont font2 = createFont("標楷體", 30);// 定義字體及大小

textFont(font2);

text("中文 v.s. English", 30, 130);//印出文字在(30,130)的位置

size(500,500);

rect (200,200, 200,100);

fill(255,0,0);

textSize(40);

text("Hello",100,100);

執行結果:

注意事項:

                                                   ↑注意編輯器字體要改成中文字體,不然沒辦法看到中文

3.

程式碼:

int [][]A={ {1, 0, 1},

                   {0, 1, 0},

                   {1, 0, 1},

                   {1, 1, 1}

};

size(300,400);

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

{

  for(int j=0; j<3; j++)

  {

    if(A[i][j]==0)//如果陣列的值是0會做以下的動作

      fill(0);

    else 

      fill(255, 128);//印出半透明空白

    rect( j*100, i*100, 100, 100); //i和j位置需相反(計算機概論內容,電腦反應較快)

  }

}

執行結果:

4.

程式碼:

int [][]A={ {2, 2, 2, 2},

                   {0, 1, 1, 1},

                   {0, 1, 1, 1},

                   {2, 2, 2, 2}};

PImage zombie,rick;

void setup()

{

  size(400,400);

  zombie = loadImage("zombie.jpg"); //插入zombie的圖片

  rick = loadImage("rick.jpg"); //插入rick的圖片

}

void draw()

{

  background(0);

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

  {

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

    {

      if(A[i][j]==1) //陣列值若為1會印出rick

        image(rick, j*100, i*100, 100, 100);

      if(A[i][j]==2)//陣列值若為2會印出zombie

        image(zombie, j*100, i*100, 100, 100);

    }

  }

}

執行結果:

注意事項:

1.記得改矩陣大小

2.記得代號代表不同的圖片不要放錯

4.

程式碼:

int [][]A={ {2, 2, 2, 2},

            {0, 1, 1, 1},

            {0, 1, 1, 1},

            {2, 2, 2, 2}};

PImage zombie,rick;

void setup()

{

  size(400,400);

  zombie = loadImage("zombie.jpg");

  rick = loadImage("rick.jpg");

}

void mousePressed()

{

  int i = int(mouseY/100);

  int j = int(mouseX/100);

  A[i][j]=0; //如果滑鼠點擊後陣列值會變0

}

void draw()

{

  background(0);

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

  {

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

    {

      if(A[i][j]==1) //陣列值若為1會印出rick

        image(rick, j*100, i*100, 100, 100);

      if(A[i][j]==2) //陣列值若為2會印出zombie

        image(zombie, j*100, i*100, 100, 100);

    }

  }

}

執行結果:

                                               ↑點擊左上角圖片

                                              ↑點擊左上角的圖片後

5.

期中小遊戲:

玩家透過跟背景互動可以得知我在背景中隱藏小故事

原本是要做主角要在家裡探索完後出去殺殭屍

但由於時間不足只好做主角在家探索的demo小遊戲

                                            ↑點擊紅框內會顯示小彩蛋

                                            ↑點擊紅框內會顯示小彩蛋

⚠️尚未完成的內容:

主角圖
車庫圖

⚠️需要的功能:

人物下樓梯

點擊物品要跳出對話框

切換場景(可用捲動背景)

原圖: