uGUIで上の画像のようなグラフを描いたのでメモ。
環境
- Unity 5.5.0b4
やってること
- ゴリゴリ座標計算
- uGUIで表示
やってることは単純なんですが数学力なさすぎて苦労しました。
Meshは全部三角形で指定する必要がある(詳しくは参考サイト参照)ので
例えばこれを描くために、
これだけの頂点を計算して指定してます。
線幅を同じにするのに苦労した・・・
ソースコードとプロジェクト
GitHubで公開してるので興味あればどうぞ。
https://github.com/naichilab/unity-radarchart
実際に必要なクラスは2つだけ。
- RadarChartLineUGUI.cs
- 罫線描画用
- RadarChartPolygonUGUI.cs
- ポリゴン(塗りつぶし部分)描画用
使い方
uGUIのパネルとかの下にGameObjectを作り、上記スクリプトを追加するだけです。
あとは頂点の数なり、色なりサイズなりをInspecter上で編集してください。
参考サイト
下記サイトはめちゃめちゃ参考にさせていただきました。 ありがとうございます。