2022年10月3日 星期一

雪⛄互動技術概論筆記-W5

 2022/10/3 Week05

# 實作象棋

1. 做一個棋盤

size(500,700);

for(int x=50; x<=450; x+=50){

  line(x, 50, x, 500);

}

for(int y=50; y<=500; y+=50){

  line(50, y, 450, y);

}


2. 加上棋子(用數字顯示)

int [][]board={

  {4, 5, 3, 2, 1, 2, 3, 5, 4},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},

  {1, 0, 1, 0, 1, 0, 1, 0, 1},

};   //1:將 2:士 3:象 4:車 5:馬 6:炮 7:卒

void setup() {

  size(500, 550);

}

void draw() {

  for (int x=50; x<=450; x+=50) { ///等差級數

    line(x, 50, x, 250);

    line(x, 300, x, 500);

  }

  for (int y=50; y<=500; y+=50) { ///10條

    line(50, y, 450, y);

  }

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

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

      text(board[i][j], 50+j*50, 50+i*50);

    }

  }

}


3. 加上棋子(用中文顯示)

int [][]board={

  {4, 5, 3, 2, 1, 2, 3, 5, 4},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},

  {0, 6, 0, 0, 0, 0, 0, 6, 0},

  {7, 0, 7, 0, 7, 0, 7, 0, 7},

};                      //1:將 2:士 3:象 4:車 5:馬 6:炮 7:卒

String [] name = {"將","士","象","車","馬","炮","卒"};

void setup() {

  size(500, 550);

  PFont font = createFont("標楷體", 30);

  textFont(font);

  textAlign(CENTER,CENTER);  ///字要對其中間

}

void draw() {

  for (int x=50; x<=450; x+=50) { ///等差級數

    line(x, 50, x, 250);

    line(x, 300, x, 500);

  }

  for (int y=50; y<=500; y+=50) { ///10條

    line(50, y, 450, y);

  }

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

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

      int id = board[i][j];  ///board陣列裡的數字1~7

      if(id==0) continue;  ///不要跑下面這行，回到上面for繼續跑，因為0沒有東東

      text(name[id-1], 50+j*50, 50+i*50);   

      /// id-1: 上面board陣列數字1~7，但name陣列0~6-->須扣1

    }

  }

}


4. 加上紅、黑棋子

int [][]board={

  {4, 5, 3, 2, 1, 2, 3, 5, 4},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},

  {0, 6, 0, 0, 0, 0, 0, 6, 0},

  {7, 0, 7, 0, 7, 0, 7, 0, 7},

  {0, 0, 0, 0, 0, 0, 0, 0, 0}, //上面是黑色

  {0, 0, 0, 0, 0, 0, 0, 0, 0}, //下面是紅色

  {-7, 0, -7, 0, -7, 0, -7, 0, -7},

  {0, -6, 0, 0, 0, 0, 0, -6, 0},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},

  {-4, -5, -3, -2, -1, -2, -3, -5, -4},

};//1:將 2:士 3:象 4:車 5:馬 6:炮 7:卒

String [] name = {"將","士","象","車","馬","包","卒"};

String [] name2 = {"帥","仕","相","俥","瑪","炮","兵"};

void setup() {

  size(500, 550);

  PFont font = createFont("標楷體", 30);

  textFont(font);

  textAlign(CENTER,CENTER);

}

void draw() {

  for (int x=50; x<=450; x+=50) { ///等差級數

    line(x, 50, x, 250);

    line(x, 300, x, 500);

  }

  for (int y=50; y<=500; y+=50) { ///10條

    line(50, y, 450, y);

  }

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

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

      int id = board[i][j];

      if(id==0) continue;

      if(id>0){

        fill(255);

        ellipse(50+j*50, 50+i*50, 40, 40);

        fill(0);

        text(name[id-1], 50+j*50, 50+i*50-3);

      }

      else if(id<0){

        fill(255);

        ellipse(50+j*50, 50+i*50, 40, 40);

        fill(255,0,0);

        text(name2[-id-1], 50+j*50, 50+i*50-3);

      }

    }

  }

}


5. 加上滑鼠函式+背景顏色

int [][]board={

  {4, 5, 3, 2, 1, 2, 3, 5, 4},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},

  {0, 6, 0, 0, 0, 0, 0, 6, 0},

  {7, 0, 7, 0, 7, 0, 7, 0, 7},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},//

  {0, 0, 0, 0, 0, 0, 0, 0, 0},//

  {-7, 0, -7, 0, -7, 0, -7, 0, -7},

  {0, -6, 0, 0, 0, 0, 0, -6, 0},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},

  {-4, -5, -3, -2, -1, -2, -3, -5, -4},

};//1:將 2:士 3:象 4:車 5:馬 6:炮 7:卒

String [] name = {"將","士","象","車","馬","包","卒"};

String [] name2 = {"帥","仕","相","俥","瑪","炮","兵"};

void setup() {

  size(500, 550);

  PFont font = createFont("標楷體", 30);

  textFont(font);

  textAlign(CENTER,CENTER);

}

void draw() {

  background(#D8B532);

  for (int x=50; x<=450; x+=50) { ///等差級數

    line(x, 50, x, 250);

    line(x, 300, x, 500);

  }

  for (int y=50; y<=500; y+=50) { ///10條

    line(50, y, 450, y);

  }

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

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

      int id = board[i][j];

      if(id==0) continue;

      if(id>0){

        fill(255);

        ellipse(50+j*50, 50+i*50, 40, 40);

        fill(0);

        text(name[id-1], 50+j*50, 50+i*50-3);

      }

      else if(id<0){

        fill(255);

        ellipse(50+j*50, 50+i*50, 40, 40);

        fill(255,0,0);

        text(name2[-id-1], 50+j*50 , 50+i*50-3 );

      }

    }

  }

}

void mousePressed(){

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

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

      if(dist(mouseX,mouseY, 50+j*50 , 50+i*50 )<20){

        board[i][j]=1;

      } 

    }

  }

}


6. 加上滑鼠函式(可以動棋子)

int [][]board={

  {4, 5, 3, 2, 1, 2, 3, 5, 4},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},

  {0, 6, 0, 0, 0, 0, 0, 6, 0},

  {7, 0, 7, 0, 7, 0, 7, 0, 7},

  {0, 0, 0, 0, 0, 0, 0, 0, 0}, //

  {0, 0, 0, 0, 0, 0, 0, 0, 0}, //

  {-7, 0, -7, 0, -7, 0, -7, 0, -7},

  {0, -6, 0, 0, 0, 0, 0, -6, 0},

  {0, 0, 0, 0, 0, 0, 0, 0, 0},

  {-4, -5, -3, -2, -1, -2, -3, -5, -4},

};//1:將 2:士 3:象 4:車 5:馬 6:炮 7:卒

String [] name = {"將", "士", "象", "車", "馬", "包", "卒"};

String [] name2 = {"帥", "仕", "相", "俥", "瑪", "炮", "兵"};

void setup() {

  size(500, 550);

  PFont font = createFont("標楷體", 30);

  textFont(font);

  textAlign(CENTER, CENTER);

}

void draw() {

  background(#D8B532);

  for (int x=50; x<=450; x+=50) { ///等差級數

    line(x, 50, x, 250);

    line(x, 300, x, 500);

  }

  for (int y=50; y<=500; y+=50) { ///10條

    line(50, y, 450, y);

  }

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

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

      int id = board[i][j];

      if (id==0) continue;

      if (id>0) {

        fill(255);

        ellipse(50+j*50, 50+i*50, 40, 40);

        fill(0);

        text(name[id-1], 50+j*50, 50+i*50-3);

      } else if (id<0) {

        fill(255);

        ellipse(50+j*50, 50+i*50, 40, 40);

        fill(255, 0, 0);

        text(name2[-id-1], 50+j*50, 50+i*50-3);

      }

    }

  }

  if (handChess!=0) ellipse(mouseX, mouseY, 40, 40);

}

int handChess=0;

void mousePressed() {

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

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

      if (dist(mouseX, mouseY, 50+j*50, 50+i*50)<20) {

        handChess = board[i][j];   //棋盤上得棋子不見了

        board[i][j]=0;

      }

    }

  }

}

void mouseReleased(){

  int i = (mouseY+25-50)/50;

  int j = (mouseX+25-50)/50;

  board[i][j] = handChess;

  handChess =0;

}


# 實作象棋(暗棋)

7. 做一個棋盤+棋子

int [][]board={

  {1, 2, 2, 3, 3, 4, 4, 5},

  {7, 7, 7, 7, 7, 7, 7, 7},

  {-1, -2, -2, -3, -3, -4, -4, -5},

  {-7, -7, -7, -7, -7, -7, -7, -7},

};//1:將 2:士 3:象 4:車 5:馬 6:炮 7:卒

String [] name = {"將", "士", "象", "車", "馬", "包", "卒"};

String [] name2 = {"帥", "仕", "相", "俥", "瑪", "炮", "兵"};

void setup() {

  size(500, 300);

  PFont font = createFont("標楷體", 30);

  textFont(font);

  textAlign(CENTER, CENTER);

}

void draw() {

  background(#D8B532);

  for (int x=50; x<=450; x+=50) { ///等差級數

    line(x, 50, x, 250);

  }

  for (int y=50; y<=250; y+=50) { ///9條

    line(50, y, 450, y);

  }

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

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

      int id = board[i][j];

      drawChess(50+25+j*50, 50+25+i*50, id);

    }

  }

}

void drawChess(int x, int y, int id){

  fill(255);

  ellipse(x, y, 40, 40);

  if(id>0){

    fill(0);

    text(name[id-1], x, y-3);

  }

  else{

    fill(255,0,0);

    text(name2[-id-1], x, y-3);

  }

}


8. 可以翻牌

int [][]show={

  {0, 0, 0, 0, 0, 0, 0, 0},

  {0, 0, 0, 0, 0, 0, 0, 0},

  {0, 0, 0, 0, 0, 0, 0, 0},

  {0, 0, 0, 0, 0, 0, 0, 0}

};///再翻牌前，都不會show出來

int [][]board={

  {1, 2, 2, 3, 3, 4, 4, 5},

  {7, 7, 7, 7, 7, 7, 7, 7},

  {-1, -2, -2, -3, -3, -4, -4, -5},

  {-7, -7, -7, -7, -7, -7, -7, -7},

};//1:將 2:士 3:象 4:車 5:馬 6:炮 7:卒

String [] name = {"將", "士", "象", "車", "馬", "包", "卒"};

String [] name2 = {"帥", "仕", "相", "俥", "瑪", "炮", "兵"};

void setup() {

  size(500, 300);

  PFont font = createFont("標楷體", 30);

  textFont(font);

  textAlign(CENTER, CENTER);

}

void draw() {

  background(#D8B532);

  for (int x=50; x<=450; x+=50) { ///等差級數

    line(x, 50, x, 250);

  }

  for (int y=50; y<=250; y+=50) { ///10條

    line(50, y, 450, y);

  }

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

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

      if(show[i][j]==0){

        fill(255);

        ellipse(50+25+j*50, 50+25+i*50, 40, 40);

      }

      else{

        int id = board[i][j];

        drawChess(50+25+j*50, 50+25+i*50, id);

      }

    }

  }

}

void mousePressed(){

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

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

        if (dist(mouseX, mouseY, 50+25+j*50, 50+25+i*50)<20) {

          if(show[i][j]==0) show[i][j] = 1; //show出來

          //下次上

        }

      }

    }

}

void drawChess(int x, int y, int id) {

  fill(255);

  ellipse(x, y, 40, 40);

  if (id>0) {

    fill(0);

    text(name[id-1], x, y-3);

  } else {

    fill(255, 0, 0);

    text(name2[-id-1], x, y-3);

  }

}





上課投影片: https://docs.google.com/presentation/d/19RQub9_f2pzRHJSoYZ5g_uMCRBVmoojmJCTw3oy-W7I/edit#slide=id.g15fe84ca199_0_51



於
標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)
  • Week_16 2022.12.19
    1. 期末作品目前成果 ---------------------------------- github ----------------------------------
  • Week_17 2022.12.26
    1. 期末作品目前成果 ---------------------------------- github ----------------------------------
  • Week_08 2022.10.24
    1. 播音樂 (1) 複製上週程式碼   (2) 切換場景、暫停音樂 #  設變數 int stage 切換場景 # 新增 mousePressed()   # 設定 if-else　　//切換場景和停止與撥放音樂 # sound1.stop();　　// 暫停音樂 (3) 切換...