Plateau de jeu - Écrire le CSS

[Sephi-Chan]

Hello,

Merci pour vos réponses.

Voilà ce que j'ai pour le moment (grâce à une couche ground, une couche items, une couche characters et une couche sky).


Dans mon système actuel, c'est à moi de rendre une case bloquante ou non. Donc dans le cas d'un décor qui tient sur plusieurs cases, je dois mettre un terrain infranchissable (ou ralentissant, si c'est une forêt, par exemple) sur la case où il est posé.

Là, j'en suis à générer le CSS afin de conserver une partie XHTML la plus légère possible. C'est plutôt verbeux mais ça ne nécessite pas de calculs à l'exécution.

<div id="board">



	<div class="layer-ground">

		<div class="case case-1-1">

			<div class="grass-1"></div>

		</div>

		<div class="case case-2-1">

			<div class="grass-1"></div>

		</div>

		<div class="case case-1-2">

			<div class="grass-2"></div>

		</div>

		<div class="case case-2-2">

			<div class="grass-1"></div>

		</div>

	</div>



	<div class="layer-characters">

		<div class="case-2-2"><!--  -->

			<div class="character-1"></div>

		</div>

	</div>



	<div class="layer-items">

		<div class="case-2-1">

			<div class="house-1"></div>

		</div>

	</div>



	<div class="layer-sky">

		<div class="case-2-1">

			<div class="cloud-1"></div>

		</div>

		<div class="case-2-2">

			<div class="cloud-1"></div>

		</div>

	</div>



</div>

Sephi-Chan