2022年10月3日 星期一

09160111互動技術概論week05

 1-1
透過x軸和y軸畫出棋盤。

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);

}

1-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,0,0},

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

};

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){

   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);

   }

 }

}


1-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,0,0},
  {7,0,7,0,7,0,7,0,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){
   line(50,y,450,y);
}

for(int i=0;i<4;i++){
   for(int j=0;j<9;j++){
     int id=board[i][j];
     if(id==0)continue;
     text(name[id-1],50+j*50,50+i*50);
   }
 }
}

2-1
兩邊的棋子都出現在棋盤上面，分別是紅色和黑色棋。

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,0,-6,0},
  {0,0,0,0,0,0,0,0,0},
  {-4,-5,-3,-2,-1,-2,-3,-5,-4},
  
};
String[]name={"將","士","象","車","馬","包","卒"};
String[]name2={"帥","仕","象","相","俥","傌","炮","兵"};
void setup(){
  size(500,550);
  PFont font=createFont("標楷體",30);
  textFont(font);
  textAlign(CENTER,CENTER);
  
}

void draw(){
background(#E39D10);
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){
   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);
     
     }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);
     
     }
    
   }
 }
}

2-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},
  {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,0,-6,0},
  {0,0,0,0,0,0,0,0,0},
  {-4,-5,-3,-2,-1,-2,-3,-5,-4},
  
};
String[]name={"將","士","象","車","馬","包","卒"};
String[]name2={"帥","仕","象","相","俥","傌","炮","兵"};
void setup(){
  size(500,550);
  PFont font=createFont("標楷體",30);
  textFont(font);
  textAlign(CENTER,CENTER);
}
void draw(){
background(#E39D10);
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){
   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);
     
     }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);    
     }    
   }
 }
}
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;       
      }  
    }
  }
}


2-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},
  {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,0,-6,0},
  {0,0,0,0,0,0,0,0,0},
  {-4,-5,-3,-2,-1,-2,-3,-5,-4},
  
};
String[]name={"將","士","象","車","馬","包","卒"};
String[]name2={"帥","仕","象","相","俥","傌","炮","兵"};
void setup(){
  size(500,550);
  PFont font=createFont("標楷體",30);
  textFont(font);
  textAlign(CENTER,CENTER);
  
}
void draw(){
background(#E39D10);
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){
   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);
     
     }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);
     
     }
    
   }
 }
 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;
}


3-1
暗棋

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);
    }
}

3-2
棋子轉成背面點選後可以翻面。

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);

  }

}


於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (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) 切換...