Fork
2
Fav
2
View
4529
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 123 lines
  • HTML 1 lines
  • CSS 1 lines
tmlib.jsで使う汎用性のあるゲージが作りたくて作ってみた。

~このサンプルとして出来ること~
・タイトル画面をタッチ:動作画面へ状態遷移する
・動作画面で2f毎にゲージ残量が1pxずつ減っていく
・動作画面でタッチすると2f毎にゲージ残量が5pxずつ回復する
・ゲージが全体の幅より超え無い様になっている
・ゲージが0になったら結果画面へ状態遷移する



~使い方~
・横向きゲージクラス(66行目~102行目まで)を自分のプログラムへコピペする。

・メインクラスのinit関数の中に↓を記述する。
this.hoge = SideGauge(x, y, width, height);
this.addChild(this.hoge);

・メインクラスのupdate関数の中に条件を決めて呼び出したい関数を呼び出す。
var p = app.pointing;//タッチの有無を取得
if(p.getPointing() === true){this.gauge.regularAdd(5, 2);}//タッチされていれば一定量ゲージ増加
else{this.gauge.regularLes(1, 2);}//違うなら一定量ゲージ減少




~使用できる関数群~
@variation 変化量
@interval 間隔

regularLes(variation, interval);//定期的にゲージ残量を減少させる関数
regularAdd(variation, interval);//定期的にゲージ残量を増加させる関数
les:(variation);//1回だけ減少させる関数
add:(variation);//1回だけ増加させる関数
play();//ゲージの増減を再開する関数
stop();//ゲージの増減を一時停止させる関数



他に出来たら良いと思われる関数や、引数がありましたら↓まで連絡ください。
https://twitter.com/alkaid_72th
  • 【tmlib.js】横方向ゲージのサンプル
  • tmlib.js v0.1.5
  • 【tmlib.js】横方向ゲージのサンプル

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by