Zrobiłem w canvas trzy warstwy
index.html
<canvas id="canvas"> </canvas>
<canvas id="canvasFloor"> </canvas>
<canvas id="canvasWall"> </canvas>
wszystkie opisane są identycznie
style.css
#canvas {
background-color: #ccc;
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#canvasFloor {
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#canvasWall {
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
Jak to sensownie ogarnąć aby nie powtarzać kodu? ID nie mogę im przypisać takiego samego ponieważ z niego korzysta canvas. Myślałem aby tu dodać class specjalnie dla CSS-a lub coś na zasadzie #canvas = #canvasFloor = #canvasWall. Proszę o radę co z tym zrobić