Sprite.js
キャンバスとの対話に使用するタイルベースのブラウザ ゲームを作成しています。https://github.com/batiste/sprite.js/
これが私が今得たものです(PCバージョンはより大きな表示領域を持っています): http://www.youtube.com/watch?v=l3c-cmWUVrc
パフォーマンスの関係でフレームごとにすべてのタイルを再描画するのは簡単ではないので、scrolling.js
付属の を使用してスクロール サーフェスの背景を作成してみましたsprite.js
。ここに例がありますhttp://batiste.dosimple.ch/sprite.js/tests/test_scrolling.html例は機能しますが、ScrollingSurface.update
バグがあるか、何か不足しているようです。
私がやろうとしたことは、5x5 タイルを描画し、5 秒後に最初のタイルの近くに別の 5x5 タイルを描画することです。しかし、それは最初のものだけを描きます。そしてsurface.update()
、表面の位置のみを更新します。ここに私のコードがありますhttps://github.com/Sektoid/sprite.js/blob/master/tests/test_scrolling.htmlscrolling.js
(同じタイルを 4 回描画することを避けたい場合は、this.divider = 1.0 も設定する必要があります) .) 他のスプライト エンジンやゲーム エンジンのような sprite.js フォーラムはありませんが、高速で非常に便利です。それを見てください!そして、私を助けてください:)