端が直線にならないHPゲージの作り方(Shader)

端が直線にならないHPゲージの作り方(Shader)

 前回の記事では、両端の形状を維持したまま動くゲージをImageのMaskやFilledを用いて作成しました。このゲージをShaderを用いて作成しました。

Shader

 作成したShaderは以下の通りです。Imageのカラー変更とImageTypeのFilledは正しく動作するようです。

Script

 適当なゲームオブジェクトにこのScriptをアタッチし、背景及びゲージ用sprite、先ほどのShaderとスライダーをアタッチすれば動きます。

実行結果

 実行結果はこちらです。