week03 互動技術 08160873

 Step1:喚醒上禮拜記憶,將上禮拜程式叫出來~~!!

程式碼如下:

void setup(){

  size(500,500);

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

  textFont(font);

  String[]flower ={"黑桃","紅心","方塊","梅花"};//陣列;

  face1 = flower[int(random(4))]+int(random(13)+1);

  face2 = flower[int(random(4))]+int(random(13)+1);

  face3 = flower[int(random(4))]+int(random(13)+1);

  face4 = flower[int(random(4))]+int(random(13)+1);

  //=取整數0~12,所以再+1

}//洗牌英文:shuffle

void mousePressed(){

  String[]flower ={"黑桃","紅心","方塊","梅花"};//陣列;

  face1 = flower[int(random(4))]+int(random(13)+1);

  face2 = flower[int(random(4))]+int(random(13)+1);

  face3 = flower[int(random(4))]+int(random(13)+1);

  face4 = flower[int(random(4))]+int(random(13)+1);

}

String face1,face2,face3,face4;

void draw(){

  drawPokerCard(100,100,face1);

  drawPokerCard(130,150,face2);

  drawPokerCard(160,200,face3);

  drawPokerCard(190,250,face4);

}//四種花色:黑桃,紅心,方塊,梅花

void drawPokerCard(int x ,int y,String face ){

  int W=25;

  fill(255);

  rect(x-W/2,y-W/2,150+W,250+W,20);

  fill(#03F000);

  rect(x,y,150,250,20);

  //fill(0);

  if(face.indexOf("黑桃")== -1 && face.indexOf("梅花")== -1) fill(#ff0000);

  else fill(0);

  textSize(35);

  text(face,x,y+35);

}

Step2.:加入新的程式碼myshuffle();以及void mousePressed(){},且能夠利用滑鼠來洗牌:

Step3:將52張牌秀出來:

Step4:加入PFont String以及fill做牌面的設計:

Step5:做出較好的牌面每列13張,並區分紅與黑(黑桃.梅花:黑,紅心.方塊:紅):

Step6:利用 mousePressed(),來做2張牌互換的動作:

程式碼如下:

void setup(){

  size(800,600);//視窗大小.

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

  textFont(font);

}

String []faces={

  "黑桃A","黑桃2","黑桃3","黑桃4","黑桃5","黑桃6","黑桃7","黑桃8","黑桃9","黑桃10","黑桃J","黑桃Q","黑桃K",

  "紅心A","紅心2","紅心3","紅心4","紅心5","紅心6","紅心7","紅心8","紅心9","紅心10","紅心J","紅心Q","紅心K",

  "方塊A","方塊2","方塊3","方塊4","方塊5","方塊6","方塊7","方塊8","方塊9","方塊10","方塊J","方塊Q","方塊K",

  "梅花A","梅花2","梅花3","梅花4","梅花5","梅花6","梅花7","梅花8","梅花9","梅花10","梅花J","梅花Q","梅花K",

};

void draw(){

  background(#FFFFF2);

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

    int x=(i%13)*60;

    int y=(i/13)*120;

    fill(255); rect(x, y, 60, 120);

    if(faces[i].indexOf("紅心")==-1 && faces[i].indexOf("方塊")==-1) fill(0);

    else fill(255,0,0);

    text(faces[i], x+10,y+60);

  }

}

void mousePressed(){

  int a=int(random(52));

  int b=int(random(52));

  String temp=faces[a];

  faces[a] = faces[b];

  faces[b] = temp;

}

Step7:將剛剛所新增的3段小程式 加入第一個程式碼(上周的程式):