2022年10月17日 星期一

互動week05

 1. 畫棋盤

//畫棋盤
//等差級數: 50,100,150,200,250,300,350,400,450
// for(int x=50; x<=450; x+=50)
size(500, 700);
for(int x=50; x<=450; x+=50){
  line( x, 50, x, 500);
}
//10條
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, 6, 0, 0, 0, 0, 0, 6, 0},
  {7, 0, 7, 0, 7, 0, 7, 0, 7}
};//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);
  }
  //10條
  for (int y=50; y<=500; y+=50) {
    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);
  }
  //10條
  for (int y=50; y<=500; y+=50) {
    line( 50, y, 450, y);
  }
  for(int i=0; i<4; i++){
    for(int j=0; j<9; j++){
      int id = board[i][j]; //1開始
      if(id==0) continue; //陣列請回去(繼續)
      text( name[id-1], 50+j*50, 50+i*50);
    }
  }
}


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() {
  background(#F0B82C);
  for (int x=50; x<=450; x+=50) {
    line( x, 50, x, 250);
    line( x, 300, x, 500);
  }
  //10條
  for (int y=50; y<=500; y+=50) {
    line( 50, y, 450, y);
  }
  for (int i=0; i<10; i++) {
    for (int j=0; j<9; j++) {
      int id = board[i][j]; //1開始
      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(#F0B82C);
  for (int x=50; x<=450; x+=50) {
    line( x, 50, x, 250);
    line( x, 300, x, 500);
  }
  //10條
  for (int y=50; y<=500; y+=50) {
    line( 50, y, 450, y);
  }
  for (int i=0; i<10; i++) {
    for (int j=0; j<9; j++) {
      int id = board[i][j]; //1開始
      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(#F0B82C);
  for (int x=50; x<=450; x+=50) {
    line( x, 50, x, 250);
    line( x, 300, x, 500);
  }
  //10條
  for (int y=50; y<=500; y+=50) {
    line( 50, y, 450, y);
  }
  for (int i=0; i<10; i++) {
    for (int j=0; j<9; j++) {
      int id = board[i][j]; //1開始
      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; //y是50+i*50
  int j = (mouseX+25-50)/50; //x是50+j*50
  board[i][j] = handChess;//手上的棋子放到棋盤
  handChess = 0; //手上的棋子清空
  }



7.暗棋棋盤

int [][]board={
  { 1, 2, 2, 3, 3, 4, 4, 5},
  { 5, 6, 6, 7, 7, 7, 7, 7},
  {-1,-2,-2,-3,-3,-4,-4,-5},
  {-5,-6,-6,-7,-7,-7,-7,-7}
}; //暗棋的格子,比較少 4x8=32個棋子
void setup(){
  size(500,400);
  PFont font = createFont("標楷體", 30);
  textFont(font);
  textAlign(CENTER, CENTER);
}
void draw(){
  background(#F0B82C);
  for (int x=50; x<=450; x+=50) {
    line( x, 50, x, 250);
  }
  for (int y=50; y<=250; y+=50) {
    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);
    }
  }
}
String [] name = {"將", "士", "象", "車", "馬", "包", "卒"};
String [] name2 = {"帥", "仕", "相", "俥", "傌", "炮", "兵"};
void drawChess(int x, int y, int id){
    fill(255);
    ellipse( x, y, 40, 40);
    if(id>0){//黑
      fill(0);
      text( name2[id-1], x, y-3);
    }else{//紅
      fill(255,0,0);
      text( name2[-id-1], x, y-3);
    }
}


8.









沒有留言:

張貼留言