#31 七彩霓虹骰子猜大小遊戲 v2

使用 IBOutlet，IBAction & 亂數創作有趣的 App (#hw8–3)(#hw11–2)

用骰子遊戲來練習，遊戲規則，丟9個骰子，點數和大於中間值31.5算大，小於31.5算小，玩家可以押注賭大或小，賠率1倍。

這篇運用了：OutletCollection、sf symbols、動畫、enum CaseIterable、computed property、頁面間資料傳遞、UIBezierPath & Mask。

操作的影片

螢幕截圖

故事

原本我完成了一個版本v1，分享給家人嘗試。不過他們覺得版面不夠友善，儘管功能相當簡單，但如果沒有解釋玩法，初次操作時仍感到困惑。所以，我再對版面進行了一些調整，如下圖所示（左邊為v1，右邊為v2）：

#30 七彩霓虹骰子猜大小遊戲 v1

1. 將 “搖骰按鈕” 和 “搖骰的結果點數” 放在一起，同時與上方的搖骰區相鄰。
2. 將顯示 “結果大小” 的標籤和籌碼區放在一起，這樣在押注大或小時更加直覺。
3. 分為兩個區塊，搖骰區和下注及結果區，使操作更加直觀。

這樣的調整應該會讓使用者在第一次操作時感到更加直覺。

圓角的處理 UIBezierPath & Mask

這次花比較多時間再處理圓角

主要是使用 UIBezierPath() 來處理圓角，然後用 mask 蓋上去，看來畫旗子跟自畫像的作業還是要做一下，不是很熟悉畫線的功能。

Swift — 玩玩 遮罩（Mask）

利用 UIView 的 mask 為圖片文字染上美麗的漸層

雜亂的配色

至於家人覺得版面顏色太多看起來很亂，這個麻，因為是練習亂數丫，所以就是順便也亂數改變顏色，這個就不改了，就是要五彩繽紛，哈。

參考：

#30 七彩霓虹骰子猜大小遊戲 v1

#174 骰子比大小

利用 UIView 的 mask 為圖片文字染上美麗的漸層