互動技術 Week04 ouob

Week04☁☂

week04-1

1.開二維陣列，for迴圈配置方塊位置(32,50為間距也為大小)。

2.開存放顏色數值的陣列，用fill填充取餘數做順序的填色。

3.畫卡片改開函式來畫，加入stroke與noStroke畫(方框為灰的，中心為白的)在原本x y座標的點上，將要化的UNO卡片位移量都往右下移動(x y 都位移3、大小減少5)。

4.用push popMatrix來畫橢圓，角度旋轉好再做translate往右下移動一點畫出。

week04-2

1.加入text，調整參數控制在橢圓形裡，文字對齊設中心，大小、填色改變。

2.drawCard函式多傳入一個參數，為j的值，對應左到右0~10數字放入text印出來。

3.開card數字與顏色的陣列去儲存，因為現在值都是0所以傳進drawCard函式的顏色與數字也都是0，呈現的也都才是黑色的。

4.開一個函式做值的儲存，cardN裡存入j(為0~10)，cardC裡存入color陣列的餘數對應顏色值。

5.開兩個random值(範圍88=8x11)存在a與b裡，在每次呼叫shuffle函式時，做一次交換，cardN與cardC同時都一起做交換，就顯示出兩張牌交換位置的感覺。

6.加入迴圈次數，在setup一進去時會進行對應的次數洗牌。

week04-3

1.函式多傳入w，在裡面宣告s為大小(w/32，預設為1)，將每個跟有跟大小有關的值都去相乘，多加一個drawCard的w帶128進去(位置放在450,100位置)，這張大牌就會是其他的4倍大。

2.在畫卡片外圍加入判斷滑鼠右鍵按下時才畫卡片出來，其餘的顯示黑色的99數字卡片。

3.在原本右邊的大牌用for迴圈，位置為x方向40*i的遞增，當按下左鍵時，範圍的myCard同時做動態++，形成按一下多一張牌的樣子。

4.加入取餘數放入不同家的位置。