690 likes | 2.7k Views
擲骰子遊戲. 畫面. 畫面. 骰子圖片下載. [ 各一張圖檔 ]goo.gl/1v3fk [ 一份 zip 檔 ]goo.gl/sh9Nmp. 先做好畫面配置準備. 先準備好骰子六面的圖案,但不必顯示. 把元件隱藏起來. 動畫要用 ImageSprite 顯示,必須放在 Canvas 元件上. 把 ImageSprite 拉到 Canvas 上,並顯示 為骰子的圖案,讓使用者明白這是骰子. 畫面怪怪的 !!?. 調整顯示狀況. 增加兩位玩家擲骰子的按鈕. 可利用 HorizontalArrangement 元件作版面配置.
E N D
骰子圖片下載 • [各一張圖檔]goo.gl/1v3fk • [一份zip檔]goo.gl/sh9Nmp
把ImageSprite拉到Canvas上,並顯示為骰子的圖案,讓使用者明白這是骰子把ImageSprite拉到Canvas上,並顯示為骰子的圖案,讓使用者明白這是骰子 畫面怪怪的!!?
畫面配置完成 現在應該長這樣 可以根據自己的想法作畫面微調
開始程式設計 • Step 1:定義變數 • 先將六面骰子的圖片放進一個清單(list)中備用,為此需要先建立一diceList清單。
開始程式設計 • Step 1:定義變數 • 四個骰子各會隨機骰出一個數字,定義為d1~d4 • 雙方玩家擲骰總合,定義為p1score與p2score • 每回合雙方只能各骰一次,骰過後就要把擲骰按鈕鎖住,因此用p1done、p2done紀錄是否骰過。
開始程式設計 • Step 2:擲骰動作 骰過了,就將按鈕disable掉 將六面骰子的圖案放進list中 隨機從1~6中挑出兩個數字
開始程式設計 • Step 3:顯示結果 Index=1 Index=2 假設d1為3,表示骰子隨機骰出3點,因此我們要把ImageSprite1的圖片顯示成3點的圖案,也就是在diceList中的第3個物件。 Index=3 Index=4 Index=5 Index=6 ImageSprite1 ImageSprite2
開始程式設計 • Step 3:顯示結果 接著將p1done設為true,表示p1骰完了。 然後將d1和d2的值相加,存在p1score,表示p1的總得分。 最後再將結果顯示在Label1上。 Label1
開始程式設計 Label3.Text • Step 4:判斷勝負 判斷依據 p1score=p2score? 如果p1done和p2done都為true(表示兩人都骰過了), 就讓Label3的Text(文字)顯示出勝負訊息,如下方紅圈處 是 否 顯示“平手!” p1score>p2score? 是 否 顯示“p1獲勝!” 顯示“p2獲勝!”
開始程式設計 • Step 5:請對p2骰骰子的按鈕也做同樣的程式設定。
開始程式設計 • Step 6:當”再玩一次!”按鈕被按下 • 將按鈕Button1與Button2的Enabled設為true • 讓他們可以再被按下 • 將p1done與p2done設為false • 表示兩人都是還沒骰的狀態 • 把骰子的圖案設回原本的樣子 • 把所有結果清空
開始程式設計 • 試著把Button1、Label1…等沒有意義的名稱重新命名,讓程式更好被讀懂!