javascript - アイソメのオブジェクト

Question

glacialflame.comのチュートリアルを試しています (HTML5 Canvas でアイソメトリック グラフィックスを作成する方法についての素晴らしいチュートリアルです!)

今私はこれを持っています：http://jsfiddle.net/fUm6n/3/

この例は、オブジェクトを含むアイソメ マップです。タイルの幅は 50、高さは 25、オブジェクトはタイルと同じサイズです (オブジェクトは 1 つのタイルにのみ描画できます)。幅 200、高さ 100、4 タイルで描画する別のタイプのオブジェクトを作成するにはどうすればよいでしょうか? 別のオブジェクトを作成Arrayしてこの配列のサイズを設定しますか、それともこれを行うためのより良い方法はありますか?

Answer 1

私は専門家ではありません。ただし、時間ができたら「html5 キャンバス」の本を読むことを約束しました。

あなたには2つの方法があると思います：

1. より大きなタイルを使用できます (ただし、これは、ゲーム オブジェクトがすべて同じ寸法である場合に便利です)。
2. あなたが提案したように、同じタイルの寸法 (50 * 25) を持つことができますが、より大きなオブジェクト (つまり、オブジェクト 200 * 100) を描画するために、より多くのタイルを使用します。異なる次元の異なるオブジェクトがある場合は、このアプローチをお勧めします。

最終的な選択はあなた次第です。