Main character walk when press arrows shoots when press red button Enemies 8 when touch Main character 3 times Main character dies when Main character shoots 1 time Enemie dies's game

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

No:46763

←

Prev Next

→

Main character walk when press arrows shoots when ..ALL
Developer User20231｜Date and time 24/2/26 0:19:47
Build time 9.873 sec｜Game capacity 2.313KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Walking & Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Draw player, enemy, and game over screen
        function draw() {
            if (!gameover) {
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
                ctx.fillStyle = 'blue';
                ctx.fillRect(playerX, playerY, squareSize, squareSize);

// Draw enemy
                ctx.fillStyle = 'red';
                ctx.fillRect(enemyX, enemyY, squareSize, squareSize);

// Check for collision
                if (playerX < enemyX + squareSize &&
                    playerX + squareSize > enemyX &&
                    playerY < enemyY + squareSize &&
                    playerY + squareSize > enemyY) {
                    playerHits++;
                    playerX = 175;
                    playerY = 175;
                }

// Draw game over screen
                if (playerHits >= 3) {
                    gameover = true;
                    ctx.font = '30px Arial';
                    ctx.fillStyle = 'black';
                    ctx.fillText('Game Over', 125, 200);
                }

requestAnimationFrame(draw);
            }
        }

// Move player based on arrow keys
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowLeft') {
                playerX -= squareSize;
            } else if (event.key === 'ArrowRight') {
                playerX += squareSize;
            } else if (event.key === 'ArrowUp') {
                playerY -= squareSize;
            } else if (event.key === 'ArrowDown') {
                playerY += squareSize;
            }
        });

// Start game
        draw();
    </script>
</body>
</html>