создай игру змея на языке html, css, javascript. все языке должен быть на файле index.html
<!DOCTYPE html>
<html>
<head>
<title>Игра змейка</title>
<style>
#game-container {
width: 500px;
height: 500px;
background-color: #eee;
position: relative;
overflow: hidden;
}
.snake {
width: 10px;
height: 10px;
background-color: #333;
position: absolute;
}
#score {
width: 100px;
height: 70px;
background-color: #333;
color: #fff;
position: absolute;
top: 10px;
left: 10px;
text-align: center;
line-height: 70px;
font-size: 24px;
}
</style>
<script>
// JavaScript код здесь
</script>
</head>
<body>
<div id="game-container">
<div class="snake"></div>
<div id="score">0</div>
</div>
</body>
</html>
var gameContainer = document.getElementById("game-container");
var snake = document.querySelector(".snake");
var score = document.getElementById("score");
var position = {
x: 0,
y: 0
};
var direction = {
x: 0,
y: 0
};
var size = 10;
var scoreValue = 0;
function updateScore() {
score.innerHTML = scoreValue;
}
function moveSnake() {
position.x += direction.x;
position.y += direction.y;
snake.style.left = position.x + "px";
snake.style.top = position.y + "px";
}
function handleKeyDown(event) {
switch (event.keyCode) {
case 37:
direction.x = -size;
direction.y = 0;
break;
case 38:
direction.x = 0;
direction.y = -size;
break;
case 39:
direction.x = size;
direction.y = 0;
break;
case 40:
direction.x = 0;
direction.y = size;
break;
}
}
document.addEventListener("keydown", handleKeyDown);
setInterval(function() {
moveSnake();
}, 1000 / 60);
Нажимая «Регистрация» или «Войти через Google», вы соглашаетесь с Публичной офертой, даете Согласие на обработку персональных данных, а также подтверждаете что вам есть 18 лет
Нажимая «Регистрация» или «Войти через Google», вы соглашаетесь с Публичной офертой, даете Согласие на обработку персональных данных, а также подтверждаете что вам есть 18 лет