Надо стрелять из чёрного пистолета в синие кубики, если попасть в кубики они взорвутся.'s game

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

No:30700

←

Prev Next

→

Надо стрелять из чёрного пистолета в синие кубики,..ALL
Developer User14921｜Date and time 23/12/24 0:08:46
Build time 17.272 sec｜Game capacity 3.203KB｜

Script

Игра "Пистолетный стрелок"

←

Prev　Next

→ 　

Back　

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

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

Игра "Пистолетный стрелок"

<!DOCTYPE html>
<html>
<head>
    <title>Пистолетный стрелок</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

var pistolImage = new Image(); // Загрузка изображения пистолета
        pistolImage.src = "pistol.png";

var cubeImage = new Image(); // Загрузка изображения кубика
        cubeImage.src = "cube.png";

var pistol = {
            x: 0,
            y: canvas.height / 2 - 25,
            width: 50,
            height: 50
        };

var cubes = []; // Массив для хранения кубиков

canvas.addEventListener("click", shoot, false); // Обработка клика

function shoot(event) {
            var bulletX = pistol.x + pistol.width; // Начальное положение пули
            var bulletY = event.clientY; // Взятие координаты клика мыши

for (var i = 0; i < cubes.length; i++) {
                var cube = cubes[i];

// Проверка попадания пули в кубик
                if (bulletX >= cube.x && bulletX <= cube.x + cube.width &&
                    bulletY >= cube.y && bulletY <= cube.y + cube.height) {
                    cubes.splice(i, 1); // Удаление кубика из массива
                    i--; // Уменьшение счетчика цикла, чтобы не пропустить следующий элемент
                    continue;
                }
            }
        }

function generateCube() {
            var cube = {
                x: canvas.width,
                y: Math.random() * (canvas.height - 50),
                width: 50,
                height: 50,
                speed: Math.random() * 2 + 1 // Случайная скорость для каждого кубика
            };

cubes.push(cube);
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Отрисовка пистолета
            ctx.drawImage(pistolImage, pistol.x, pistol.y, pistol.width, pistol.height);

// Отрисовка кубиков
            for (var i = 0; i < cubes.length; i++) {
                var cube = cubes[i];
                cube.x -= cube.speed;
                ctx.drawImage(cubeImage, cube.x, cube.y, cube.width, cube.height);

// Проверка, если кубик ушел за пределы экрана, его нужно удалить
                if (cube.x + cube.width < 0) {
                    cubes.splice(i, 1);
                    i--;
                }
            }

if (Math.random() < 0.02) { // Вероятность появления нового кубика
                generateCube();
            }

requestAnimationFrame(updateGame);
        }

updateGame();
    </script>
</body>
</html>