【Unity】ノーコードでサイコロアプリを作ってみる（統計 表示）

これはなに？

Unity初心者がサイコロアプリを作るまでの過程をまとめた記事になります
アセット以外のところは、ビジュアルスクリプティングを利用して作成したいと思います

作ってみる

今回、作っていくのはコチラ

• 統計を表示する

ノーコードで作るのに、結構複雑になってしまったので更新と表示の説明をわけようと思います

完成した画面はコチラになります

統計を表示する

グラフの表示の最大値を100％にして表示します

やること

• ScrollViewを作成する
• Panelを作成する
• ビジュアルスクリプティング
  • 統計パネルを更新する
  • 統計パネルのスライダーを調整する

ScrollViewを作成する

別の記事で書いた履歴と同じように作ります

Panelを作成する

プレハブ化したPanelオブジェクトを作成します
「ヒエラルキー」パネルで、UI > Panelを選択して作成します

完成形のPanelはコチラになります

• Panelオブジェクト
  • DiceValue: UI > Text (TextMeshPro) を選択して作成します
  • Count: UI > Text (TextMeshPro) を選択して作成します
  • Slider: UI > Slider を選択して作成します
    • Handle Slide Areaはメモリのツマミなので削除しました
    • Fill Area の Rect TransformのLeftとRightを0にします
      

ビジュアルスクリプティング

• 統計パネルを更新する
  • For Each Loop ノードを利用します
    • Array 参照元はGet Variableノードで取得します
    • Output Value: パネルオブジェクトが取得できます
• 出た出目に関係するパネルだけ更新します
  • パネル内のTextを更新
    • Last Itemノードで出目を取得します
    • Transform Findノードでパネル内のTextオブジェクトを取得します
    • ifノードを使って出た出目のパネルだけを更新します
      • Text Mesh Pro UGUI Set Textノードで回数のテキストを更新します

• 統計パネルのスライダーを調整する
  • For Each Loop ノードを利用します
    • Array 参照元はGet Variableノードで取得します
    • Output Value: パネルオブジェクトが取得できます
  • パネル内のTextを更新
    • Transform Findノードでパネル内のSliderオブジェクトを取得します
      • パネルの出目の回数と、出目の最大数で計算をしてスライダーの値を調整します

さいごに

これまで出た出目の最大出現数が、グラフの最大値になるのでゲージの長さを固定できました

連載記事