ひとりでのアプリ開発 - fineの備忘録 -

ひとりでアプリ開発をするなかで起こったことや学んだことを書き溜めていきます

Unity - Unity Fantastic Gallery:uGUI のスクロールを音ゲーのようにする -

初めに

 uGUI のスクロールをスナップできるようにする "Unity Fantastic Gallery" についてまとめます。

インポート

github.com

 上記リンク先からダウンロード、インポートできます。


インポートの仕方
  1. Code→Download ZIP をクリックし、ZIPファイルをダウンロード
  2. ZIPファイルを展開
  3. フォルダを Unity プロジェクトの Assets 内に入れる

使い方

  • Main Camera に Gallary Manager をつける


  • Canvas 下にScroll Rect, Box Collider2D をつけたオブジェクト(サンプルでは Gallary Container)を用意する


  • スクロールの中身を Scroll Rect, Box Collider2Dをつけたオブジェクトの子オブジェクトにする(Items, Item)


  • Gallary Manager, Scroll Rect に必要なオブジェクトを参照する(上の画像を参考にしてください)
  • Scroll Rect の OnValueChanged を GallaryManager.onSliderValueChange にする


  • 各オブジェクトや BoxCollider2D のサイズや Anchor を調整する

補足

 スクロールの微調整の仕方がなかなか難しいです。以前、Scroll View の記事で紹介していますので、ご覧ください。

fineworks-fine.hatenablog.com

最後に

 UI デザインを考えることはゲームを作る上で不可欠です。ユーザーに不自由を与えない UI を目指しましょう。