HPゲージを心電図っぽく画面上に表示

[まいける]

お世話になっております。

シューティングアクションゲームを作っております。

HPゲージを心電図のように画面上に表示したいと思っているのですが何かいい案はございませんでしょうか。

イメージ
HP MAX時　緑でゆっくり動く心電図
半分時　　オレンジで少し早く動く心電図
１割切り　赤く早く動く心電図

[虚構の城跡]

心電図風の画像を連番で切り替えるとか？

・トリアコンタン 様のピクチャのアニメーション - PictureAnimation.jsで一枚一枚でアニメーション
・Moghunter様の MOG_PictureEffects.jsで連番画像でアニメーション

辺りのプラグインを利用すれば画像をアニメーションさせることが出来ると思います。