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

No:44987

77

Multiple zombies come and theres a player and a bu..ALL
Developer User19525｜Date and time 24/2/19 21:29:57
Build time 10.063 sec｜Game capacity 1.712KB｜

Zombie Shooter Game

→ 　

0　

0　

　
　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Zombie Shooter</title>
</head>
<body>

<div style="text-align: center;">
    <h1>Zombie Shooter Game</h1>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <br>
    <button onclick="shoot()">Shoot!</button>
</div>

<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerX = 50;
    let playerY = canvas.height - 50;
    let bulletX = 0;
    let bulletY = playerY;
    
    let zombieX = canvas.width - 50;
    let zombieY = canvas.height - 50;
    
    function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Draw Player
        ctx.fillStyle = 'green';
        ctx.fillRect(playerX, playerY, 20, 20);
        
        // Draw Zombie
        ctx.fillStyle = 'red';
        ctx.fillRect(zombieX, zombieY, 20, 20);
        
        // Draw Bullet
        if (bulletX > 0) {
            ctx.fillStyle = 'blue';
            ctx.fillRect(bulletX, bulletY, 5, 5);
        }
        
        if (bulletX > 0 && bulletX < zombieX + 20 && bulletY === zombieY) {
            alert('You killed the zombie! Play again.');
            bulletX = bulletY = 0;
        }
        
        bulletX += 5;
        
        requestAnimationFrame(draw);
    }
    
    function shoot() {
        bulletX = playerX + 20;
        bulletY = playerY;
    }
    
    document.addEventListener('keydown', function(event) {
        if(event.code === 'ArrowRight' && playerX < canvas.width - 20) {
            playerX += 5;
        }
        if(event.code === 'ArrowLeft' && playerX > 0) {
            playerX -= 5;
        }
    });

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