メインコンテンツへスキップ
< すべてのトピックに戻る

HPバーをゲージで表示するには?

UIの「Slider」コンポーネントを使用し、その value(値)プロパティに「現在のHP ÷ 最大HP」で計算した0〜1の割合を代入します。

「HPが残り50」という数字だけではプレイヤーが直感的にピンチかどうかを把握しづらいため、視覚的なバーの長さで現在状況を伝えることがUIデザインの基本だからです。

Sliderの「Interactable」のチェックを外してユーザーが操作できないようにし、スクリプトから hpSlider.value = (float)currentHp / maxHp;のように更新します。(ImageコンポーネントのFill Amountを使う方法も一般的です)。

タグ:
目次

9周年キャンペーン実施中 早い申込みほど受講料がお得に