canvas - タイル キャンバスを特定のタイルの中央に配置する

Question

キャンバスと EaselJS を使用して 2D アイソメ マップを生成しています。

各タイルとプレーヤーの x 座標と y 座標があります。

ここで私のマップのプロトタイプを見ることができます: http://8*8.1*9*1.1*6*1.2*35/moteur_iso/REMOVE * (プレイヤーの右側にあるタイルは「歩けません」。

キャンバスをプレーヤーの中央に配置したい..どうすればそれを行うことができますか?

Answer 1

これには多くの方法があります。1 つの方法は、プレーヤーのアイソメトリック位置をデカルト位置 (ピクセル単位) に変換してから、マップの登録ポイントを更新することです。次に例を示します。

myMap.regX -= (myMap.player.posX - myMap.player.posY) * myMap.tilesHeight;
myMap.regY += (myMap.player.posX + myMap.player.posY) * myMap.tilesHeight/2;

プレイヤーの位置が x = 1 かつ y = 0 の場合、マップは右に 42 ピクセル、上に 21 ピクセル移動します。プレーヤーは、最初の位置に関係なく中央に配置されます。