Стрелять из пистолета's game

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

No:30698

←

Prev Next

→

Стрелять из пистолета
Developer User14921｜Date and time 23/12/24 0:05:32
Build time 20.115 sec｜Game capacity 4.089KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<style>
		canvas {
			border: 1px solid black;
            margin: 0 auto;
            display: block;
		}
	</style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let bullets = []; // Массив пуль

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

// Обработка нажатия на пистолет для выстрела
        canvas.addEventListener("click", shootGun);

// Функция, которая рисует пистолет
        function drawGun() {
            ctx.fillStyle = gun.color;
            ctx.fillRect(gun.x, gun.y, gun.width, gun.height);
        }

// Функция, которая рисует пули
        function drawBullets() {
            for (let i = 0; i < bullets.length; i++) {
                ctx.fillStyle = bullets[i].color;
                ctx.fillRect(bullets[i].x, bullets[i].y, bullets[i].width, bullets[i].height);
            }
        }

// Функция для выстрела
        function shootGun(event) {
            if (gun.ammo > 0) {
                const bullet = {
                    x: gun.x + gun.width / 2 - 4,
                    y: gun.y,
                    width: 8,
                    height: 15,
                    color: "red"
                };
                bullets.push(bullet);
                gun.ammo--;
            }
        }

// Функция для обновления позиции пуль и удаления вышедших за пределы холста
        function updateBullets() {
            for (let i = 0; i < bullets.length; i++) {
                bullets[i].y -= 5; // Скорость перемещения пули
                if (bullets[i].y < 0) {
                    bullets.splice(i, 1); // Удаление пули, если она вышла за пределы холста
                    i--;
                }
            }
        }

// Функция для проверки столкновения пули с целью (если цель попадает в область пули)
        function checkCollision(target) {
            for (let i = 0; i < bullets.length; i++) {
                if (
                    bullets[i].x < target.x + target.width &&
                    bullets[i].x + bullets[i].width > target.x &&
                    bullets[i].y < target.y + target.height &&
                    bullets[i].y + bullets[i].height > target.y
                ) {
                    return true;
                }
            }
            return false;
        }

// Функция для обновления игры
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height); // Очистка холста
            drawGun();
            drawBullets();

// Создание цели
            const target = {
                x: Math.random() * (canvas.width - 30),
                y: 10,
                width: 30,
                height: 30,
                color: "green"
            };

// Рисование цели
            ctx.fillStyle = target.color;
            ctx.fillRect(target.x, target.y, target.width, target.height);

if (checkCollision(target)) {
                alert("Попадание!"); // Оповещение о попадании в цель
            }

updateBullets();

requestAnimationFrame(updateGame); // Повторное выполнение функции обновления игры
        }

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