Домофон Cyfral CCD-20's game

Click here for free DL of the app version that can save data.

No:19022

←

Prev Next

→

Домофон Cyfral CCD-20
Developer User7816｜Date and time 23/10/1 14:46:56
Build time 12.226 sec｜Game capacity 2.801KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>Домофон Cyfral CCD-20</title>
</head>
<body>
<script>
// Объявим все необходимые контейнеры и иконки для игры
var canvas;
var ctx;
var playerIcon;
var enemyIcon;
var playerX;
var playerY;
var enemyX;
var enemyY;

// Определим начальные позиции игрока и врага
function initialize() {
  canvas = document.getElementById("gameCanvas");
  ctx = canvas.getContext("2d");
  playerIcon = new Image();
  playerIcon.src = "playerIcon.png";
  enemyIcon = new Image();
  enemyIcon.src = "enemyIcon.png";
  playerX = 50;
  playerY = 50;
  enemyX = 200;
  enemyY = 200;
}

// Функция для рисования игрока и врага на холсте
function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.drawImage(playerIcon, playerX, playerY);
  ctx.drawImage(enemyIcon, enemyX, enemyY);
}

// Функция для обработки нажатий на кнопки влево и вправо
function handleKeyPress(event) {
  var code = event.keyCode;
  if (code === 37) { // стрелка влево
    playerX -= 10;
  } else if (code === 39) { // стрелка вправо
    playerX += 10;
  }
  draw();
}

// Функция для определения столкновения игрока и врага
function checkCollision() {
  var playerCenterX = playerX + playerIcon.width / 2;
  var playerCenterY = playerY + playerIcon.height / 2;
  var enemyCenterX = enemyX + enemyIcon.width / 2;
  var enemyCenterY = enemyY + enemyIcon.height / 2;

var distanceX = Math.abs(playerCenterX - enemyCenterX);
  var distanceY = Math.abs(playerCenterY - enemyCenterY);

if (distanceX < (playerIcon.width + enemyIcon.width) / 2 && distanceY < (playerIcon.height + enemyIcon.height) / 2) {
    alert("Игра окончена! Вы столкнулись с врагом!");
    // Если нужно, можно добавить код для завершения игры
  }
}

// Основной цикл игры, обновляющий положение врага и проверяющий столкновения
function gameLoop() {
  enemyX += 5; // Перемещаем врага вправо
  if (enemyX > canvas.width) {
    enemyX = -enemyIcon.width; // Враг достиг правого края, переносим его на левый край
    enemyY = Math.random() * (canvas.height - enemyIcon.height); // Рандомно изменяем вертикальную позицию врага
  }

checkCollision();
  draw();
}

initialize();
document.addEventListener("keydown", handleKeyPress);
setInterval(gameLoop, 10);
</script>