HTML5のprogressを使ってライフゲージを実装する


HTML5のprogressを使ってライフゲージが実装できる
ライフゲージ、ゲームで使うHPバー等ですね
meterを使う手段もあるけど、ライブラリが必要ないprogressの方がお手軽

HTML5のprogressを使ってライフゲージを実装するサンプル

増加処理だけで書きましたが、実際の値とvalue値を比較して処理する事で色々出来ますね
  • このエントリーをはてなブックマークに追加