Canvasによるゲージ的な何か

enchant.jsでcanvasを使いゲージ的なものを表示する方法をまとめてみる - アンバランスな日々に

こちらにいくつかまとめられているが、私が「ミッション！」内で実装した方法がなかったので簡単に紹介しようと思う。
やり方は簡単だ。まずfillRectでバーを描写する。ゲージが減ったらclearRectで削る。それだけ。

ゲージ的な何か

実際に「ミッション！」で使用した関数はENTER_FRAMEで常時エネルギー量を監視し、減った場合は自動で削るようにしてある。が、改めて書き下ろしたコチラのコードの方がスマートだ。