私が取り組んでいるブラウザベースのゲームでは、ユーザーが自分のユニットを表示できるようにしたいと考えています。ユーザーは、CSSプロパティ.png
を使用してレイヤー化された透明な画像で表される複数のユニットを制御できます。z-index
PNG の名前は MySQL データベースに保存されます。私が使用した単一のユニットを表示する方法は、絶対配置を使用してスプライトの 4 つのレイヤー (肌、服、髪、顔) すべてを配置し、z-index プロパティを設定することです。問題は、これを無数のユニットに使用できないことです。そうしないと、すべて同じ場所に配置されるためです。
ユニットを動的に配置して、行ごとに 5 つ、またはそれらの線に沿って何かを表示できるようにする必要があります。これが私がやろうとしていることの例です(悪い芸術を許してください):