[Unity] 利用 UI 元件製作雷達圖

前幾天用 Unity 的 uGUI 元件組合出了雷達圖效果,同時也能夠及時的修改數值,表現在圖表上,是個蠻有趣的嘗試。

如果要完整表達內容,可能要搭配大量的圖片,所以這次嘗試使用影片的方式來分享實作。

觀看重點

  • 利用 uGUI 元件製作的雷達圖,可以跟其他 UI 配合得很好。
  • 使用父子物件的結構來擴充縮放的軸向。
  • 利用修改 Pivot 來方便元件的排列與使用。
  • 使用腳本來同步修改多個 Image 的長寬,表現出雷達圖的數值變化。
  • 加上其他圖片來強化表現。

專案 Github:https://github.com/douduck08/UnityDemo-UIRadarChart

後話

整個影片一鏡到底!雖然說應該沒有必要這樣。

因為懶得剪輯,所以在事先擬好大致的大綱後,決定一次錄完,幸好沒有必須重錄的重大失誤。長度比我預想的要久,因為沒事先預估要說到多細,所以不自覺的話嘮補充,後來才發現連續講了半個小時。

對於一些特別的實作,不是通例的原理,或許影片示範會比較清晰,如果反應 OK,以後可以多多嘗試這類內容,順利的話其實產出會比寫文章還快。