新手入門級 土法煉鋼篇
成品圖
![]()
由於很不擅長畫UI，以及設計底圖紋路
但是把所有人物屬性值、能力值都直接用數字表示又略顯單調
這時候也只能加點(單調的)設計感啦
--------------------------
先隨便畫個三角形，並且左右翻轉以及旋轉，以確認極其相似正三角形
如果你有能畫出純正三角形的方法則忽略
將三角形貼齊右下邊邊，概念為使圖片完成後
能依靠右下同心圓的角度翻轉
能較為貼齊格線
可以加深左上角邊框，讓外輪廓比較粗
↓先將屬性欄位空出一個區域，用來放三角圖
複製六個圖片GameObject，並且把圖片排列方式改為 Buttom right(右下角)
然後把旋轉角度改為0 / 60 / 120 / 180 / 240 / 300
正三角形配上同心圓理論，應該能顯示出不錯的正六角型
如下圖
接下來接圖片刻畫一些刻度
完成後如圖
接下來就是比較繁瑣的階段，
將所有可能情況的圖都做出來，例如1-1,1-2,1-3,1-4,1-5,2-1, .... 5-4,5-5
另外還要製作全部空白的圖，如果有一個刻度為0就不會顯示藍色區域
圖片畫完，先隨便換張圖來，看看情況
---------------------------------------------
接下來就是輸入程式
這裡原理是
Ability二維陣列[x,y] x=人物編號 y=屬性編號
屬性編號 0=力量 1=敏捷 2=體質 3=智力 4=幸運 5=靈巧
-----------------------------------
這裡可以自由設計，這裡舉例是這樣
屬性值00以下 = 刻度 0
屬性值1~5 = 刻度 1
屬性值6~12 = 刻度 2
屬性值13~30 = 刻度 3
屬性值31~60 = 刻度 4
屬性值60以下 = 刻度 5
如果力量是50 敏捷是10
那麼力量刻度是4 敏捷刻度是2
所以就讀取圖片 4-2
寫入完成，試試結果沒有問題
完成~
線框的粗細、顏色都可以自己調整
或者想要線條有弧度都可以
由於是自製的關係比較容易達到自己要的圖表
但缺點很明顯就是...
如果要修改都要再畫一大堆圖
OOOOXXXX
創作內容
程式篇- 屬性分布六角圖
遊戲程式製作方法 (5)