[影片][Unity] 利用 UI 元件製作雷達圖 – Make Radar Chart with uGUI

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

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

觀看重點

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

專案 Github

後話

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

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

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

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

w

連結到 %s