Re: Малювання персонажів для браузерної забави
1. Виправив gap: 0 px; - замінив на gap: 0px; (зайвий пробіл)
2. Назва файлу з пробілом може невірно інтерпретуватися - виправив Gra2k.js замість Gra 2k.js
3. Виправив кольори .barracks, .friendsHouse, .heroHouse, .heroBoat щоб були різного кольору, бо інакше можуть зливатися при сукупності певних умов.
<!DOCTYPE html>
<html>
<head>
<title>гра 2k</title>
<style>
.game-image {
display: inline-block;
gap: 0px;
margin: 0;
padding: 0;}
#game-board {
width: 520px;
height: 520px;
display: flex;
flex-wrap: wrap;
gap: 0;}
.cell {
width: 8px;
height: 8px;
display: inline-block;
margin: 0;
padding: 0;}
.field {background-color: lightgreen;}
.sand {background-color: yellow;}
.mountain {background-color: brown;}
.forest {background-color: green;}
.water {background-color: blue;}
.hero {background-color: red;}
.barracks {background-color: orange;}
.friendsHouse {background-color: purple;}
.heroHouse {background-color: pink;}
.heroBoat {background-color: cyan;}
.robber {background-color: gray;}
.evilCastle {background-color: black;}
.goldChest {background-color: gold;}
.warriorHousing {background-color: cyan;}
#game-window {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
gap: 0px;
width: 480px;
height: 300px;
border: 1px solid black;
padding: 5px;}
</style>
</head>
<body>
<div id="game-board"></div>
<div id="game-window"></div>
<div >
<canvas id="gameCanvas" width="480" height="300"></canvas>
</div>
<script src="Gra2k.js" charset="UTF-8"></script>
</body>
</html>Якщо цінуєте допомогу на цьому сайті, то не вживайте в своїх прикладах запоребриківського діалекту.
