メモ:enchant.js ScoreLabel をディレイなしで表示させる方法

util.enchant.js で定義されているスコアを表示するためのクラスが ScoreLabel。標準では、新しいスコアを ScoreLabel.score に定義すると一発で更新されず、１フレームごとに少しずつ表示が新しい値に近づいていく。

　普段は特に問題はないのだが、スコア更新と同時に Game.stop を実行すると、最後のスコア更新が少ししか表示に反映されないという奇妙なバグになる。

　表示のディレイが必要ないときは util.enchatn.js で定義されている enchant.util.ScoreLabel の

this.easing = 2.5;

を

this.easing = 1;

にすれば OK。

メモ:enchant.js ゲームを任意の場所に表示。

enchant.js のサンプルプログラムを雛形にしてゲームを作ると、ゲームはブラウザの左上に表示される。

　これをブラウザ上の任意の場所に表示するにはどうするか？

　enchant-stage という id の div タグを作り、それをゲームが表示される場所に配置すればよい。

　game.js の中に書かれたゲームはこの中に展開される。

　例

<div id="enchant-stage" style="position:fixed; top:100px; left:100px;">

</div>

メモ:enchant.js 最初のプログレスバーを出さない方法

enchant.js でゲームを作ると、開始直後、Game.preload() を使って画像などを読み込んでいる間、Game で確保した表示領域いっぱいにプログレスバーが表示される。

　読み込みに時間がかかるときはにはありがたいのだが、先読みするデータが少ないときは一瞬だけ黒くなってすぐゲームが始まるので、ない方がよい。

　ということで表示させない方法を調べてみたが、ドキュメントには特にない。