前:プログラミング講座2025—第4回

後:プログラミング講座2025—第6回


<aside> ⛳

本日の目標

はじめに

<aside> 💡

今回の最終成果物はProgramming-lecture > 5 > endにあります!

また、今回の講座を全部通しでやった時の動画も載せておくので参考にしてください!

pg_lecture_5_full.mp4

</aside>

Sourcetreeから最新データをプル(インストール)する

Sourcetreeを開き、画面上部の「プル」をクリックします。「プルするリモートブランチ」がmainであることを確認し、ウィンドウ右下の「プル」をクリックしてください。

前回のデータをpart5に持ってくる

HPバーを作る

ヒエラルキーにあるplayer-idle 1の上で右クリックし、UI > Sliderを選択してください。追加されたSliderの名前をHPに変更しておきます。スライダーとはつまみを動かすことで値を変更するUIです。インスペクターのValueから値を変更すると、それに付随してゲーム内のスライダーも変化しているのがわかると思います。このスライダーをよりHPバーっぽく見せるために、BackgroundのColorを赤に、FillのColorを緑にして、Handle Slide AreaをDeleteキーで削除しましょう。

20250521-0828-57.8279370.mp4

HPバーが自機についてくるようにする

ヒエラルキーからCanvasを選択し、インスペクターからRender ModeをWorld Spaceに変更します。PosX, PosYを0にし、ScaleのXを0.01に、ScaleのYを0.02にしてください。これによりプレイヤー(自機)が動いたときにHPバーもそれについていくようになります。このままだとHPバーが自機と被ってしまうので、CanvasまたはHPのPosYを微調整してください。

20250522-0107-23.3525003.mp4