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

No:47524

Simple shoot game of k○ller clowns
Developer User20497｜Date and time 24/2/28 7:39:15
Build time 9.528 sec｜Game capacity 2.265KB｜

Script

Killer Clown Shoot Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Killer Clown Shoot Game</title>
    <style>
        body {
            text-align: center;
        }

#gameCanvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>Killer Clown Shoot Game</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let playerX = 200;
    const playerY = 380;
    let bulletX = playerX + 20;
    let bulletY = playerY;
    let clownX = Math.random() * 360;
    let clownY = Math.random() * 100;
    let bulletFired = false;

function drawPlayer() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(playerX, playerY, 40, 20);
    }

function drawBullet() {
        if (bulletFired) {
            ctx.fillStyle = 'red';
            ctx.fillRect(bulletX, bulletY, 5, 10);
        }
    }

function drawClown() {
        ctx.fillStyle = 'green';
        ctx.fillRect(clownX, clownY, 40, 40);
    }

function checkCollision() {
        if ((bulletX >= clownX && bulletX <= clownX + 40) &&
            (bulletY <= clownY + 40)) {
            alert('You shot the clown! Game over!');
            location.reload();
        }
    }

function updateGameArea() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawBullet();
        drawClown();
        checkCollision();
    }

setInterval(updateGameArea, 20);
    </script>
</body>
</html>
```