Shooting game A man shooting his triget's game

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

No:10804

←

Prev Next

→

Shooting game A man shooting his triget
Developer User4638｜Date and time 23/8/3 3:53:30
Build time 19.796 sec｜Game capacity 2.716KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Man's position
        let manX = canvas.width / 2;
        let manY = canvas.height - 30;

// Target's position
        let targetX = Math.random() * canvas.width;
        let targetY = 0;

// Shooter's position
        let shooterX;
        let shooterY;

// Shooter status
        let isShooting = false;

// Event listeners for touch input
        canvas.addEventListener("touchstart", handleTouchStart, false);
        canvas.addEventListener("touchmove", handleTouchMove, false);
        canvas.addEventListener("touchend", handleTouchEnd, false);

function handleTouchStart(event) {
            event.preventDefault();
            isShooting = true;
        }

function handleTouchMove(event) {
            event.preventDefault();
            let touch = event.touches[0];
            shooterX = touch.pageX - canvas.offsetLeft;
            shooterY = touch.pageY - canvas.offsetTop;
        }

function handleTouchEnd(event) {
            event.preventDefault();
            isShooting = false;
        }

// Move the target randomly
        function moveTarget() {
            targetY += 2;
            if (targetY > canvas.height) {
                targetX = Math.random() * canvas.width;
                targetY = 0;
            }
        }

// Check if shooter hits the target
        function checkCollision() {
            if (
                shooterX > targetX &&
                shooterX < targetX + 50 &&
                shooterY > targetY &&
                shooterY < targetY + 50
            ) {
                alert("Target Hit!");
                targetX = Math.random() * canvas.width;
                targetY = 0;
            }
        }

// Game loop
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

moveTarget();

context.fillStyle = "blue";
            context.fillRect(manX - 25, manY - 25, 50, 50);

context.fillStyle = "red";
            context.fillRect(targetX, targetY, 50, 50);

if (isShooting) {
                context.fillStyle = "yellow";
                context.fillRect(shooterX - 5, shooterY - 5, 10, 10);

checkCollision();
            }

requestAnimationFrame(gameLoop);
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>