第09回 ゲージの表示と変化

現在値と最大値の割合を、ゲージの長さへ変換します。横ゲージを一つ動かしてから、形や配置を変える必要がある場合に選択課題へ進みます。

今回の授業内容

• 現在値と最大値から0〜1の割合を求める
• 値を入力し、30%・60%・30%の表示を再現する
• 用途に応じて形や配置を選び、変化の読みやすさを説明する

準備と進め方

第01回で作ったURPプロジェクトを使います。追加するコードは各ステップに全文を掲載しています。この回の専用プロジェクトは配布ファイルで公開状況を確認してください。

1 / 4横ゲージの表示範囲Imageの表示割合を操作し、空から満タンまでの範囲を確認します。2 / 4現在値の入力と割合の更新スクリプトへ値を渡し、ゲージの表示と計算結果を照合します。3 / 4ゲージの形と切り抜き方式Filled、画像によるMask、矩形のRect Mask 2Dを区別し、必要な形を選びます。4 / 4頭上表示と座標変換3D空間での大きさを保つ方法と、画面上の大きさを保つ方法を比較します。