Enemy rush With these enemies: enemy what dead by jump, enemy what k○ll with gun, enemy what k○ll with qwerty's game

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

No:20924

←

Prev Next

→

Enemy rush With these enemies: enemy what dead by ..ALL
Developer User9231｜Date and time 23/10/12 2:24:21
Build time 107.981 sec｜Game capacity 4.102KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Enemy Rush</title>
<style>
   canvas {
     border: 1px solid black;
   }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="600"></canvas>

// Создание игрового холста
   const canvas = document.getElementById("gameCanvas");
   const ctx = canvas.getContext("2d");

// Загрузка изображений
   const playerImg = new Image();
   playerImg.src = "player.png";

const jumpEnemyImg = new Image();
   jumpEnemyImg.src = "jumpEnemy.png";

const gunEnemyImg = new Image();
   gunEnemyImg.src = "gunEnemy.png";

const qwertyEnemyImg = new Image();
   qwertyEnemyImg.src = "qwertyEnemy.png";

// Создание объектов игровых персонажей
   const player = {
     x: canvas.width / 2,
     y: canvas.height - 100,
     width: 50,
     height: 50,
     image: playerImg
   };

const enemies = [
     {
       x: 50,
       y: 0,
       width: 50,
       height: 50,
       image: jumpEnemyImg,
       type: "jump"
     },
     {
       x: 150,
       y: 0,
       width: 50,
       height: 50,
       image: gunEnemyImg,
       type: "gun"
     },
     {
       x: 250,
       y: 0,
       width: 50,
       height: 50,
       image: qwertyEnemyImg,
       type: "qwerty"
     }
   ];

// Отслеживание нажатий на экране
   canvas.addEventListener("touchstart", handleTouchStart, false);
   canvas.addEventListener("touchmove", handleTouchMove, false);
   canvas.addEventListener("touchend", handleTouchEnd, false);

let touchStartX = 0;
   let touchEndX = 0;

function handleTouchStart(event) {
     touchStartX = event.touches[0].clientX;
   }

function handleTouchMove(event) {
     event.preventDefault();
   }

function handleTouchEnd(event) {
     touchEndX = event.changedTouches[0].clientX;
     checkSwipe();
   }

// Перемещение игрока вправо
   function movePlayerRight() {
     if (player.x < canvas.width - player.width) {
       player.x += 10;
     }
   }

// Перемещение игрока влево
   function movePlayerLeft() {
     if (player.x > 0) {
       player.x -= 10;
     }
   }

// Проверка столкновений
   function detectCollision(enemy) {
     if (
       player.x < enemy.x + enemy.width &&
       player.x + player.width > enemy.x &&
       player.y < enemy.y + enemy.height &&
       player.y + player.height > enemy.y
     ) {
       // Игрок столкнулся с противником
       return true;
     }
     return false;
   }

// Обновление игрового состояния
   function update() {
     // Очистка холста
     ctx.clearRect(0, 0, canvas.width, canvas.height);

// Рисование игрока
     ctx.drawImage(player.image, player.x, player.y, player.width, player.height);

// Рисование противников
     enemies.forEach((enemy) => {
        ctx.drawImage(enemy.image, enemy.x, enemy.y, enemy.width, enemy.height);

// Проверка столкновения игрока с противником
        if (detectCollision(enemy)) {
           // Игра окончена
           alert("Игра окончена!");
           document.location.reload();
        }

// Обновление позиции противника
        enemy.y += 2;

// Перенос противника на верх, если он выходит за пределы холста
        if (enemy.y > canvas.height) {
           enemy.y = 0;
        }
     });

// Повторный вызов функции обновления состояния
     requestAnimationFrame(update);
   }

// Запуск игры
   update();
</script>
</body>
</html>