これがベストプラクティスであるかどうかも知りたいです。
スプライト マップをロードします。
canvas = $('#GameCanvas')[0];
context = canvas.getContext('2d');
// load sprite map
spriteMap = new Image();
spriteMap.src = "resources/spritemap.png";
スプライトを読み込んだので、画面に描画したいと思います。しかし、次を使用してそうすることができますcontext.drawImage(..)
:
必要な各画像を抽出して個別に保存するのではなく、これが最善の方法であるかどうかはわかりません。
var playerCharacter = [cut the image out of the sprite map]
画像に色を付けたい。「白」のスプライトを取り出したら、赤や緑などに色付けしたいと思うかもしれません。これを行う方法はまだわかりませんが、おそらく新しい色付けを作成する必要がある
Image
ので、プルする必要があります。とにかくスプライトマップから外します。私は常に色を変えたくありません。
これを行う最善の方法はありますか?