AI game creator

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

No:13004

132

←

Prev Next

→

Battle Royale game
Developer User5685｜Date and time 23/8/26 0:32:19
Build time 16.584 sec｜Game capacity 1.94KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Battle Royale Game</title>
<style>
    body {
        background-color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        margin: 0;
        overflow: hidden;
    }

canvas {
        border: 2px solid white;
    }
</style>
</head>
<body>
<script>
    // Canvas setup
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    document.body.appendChild(canvas);
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Player setup
    const player = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        size: 50,
        color: 'blue',
        draw: function() {
            ctx.fillStyle = this.color;
            ctx.fillRect(this.x - this.size / 2, this.y - this.size / 2, this.size, this.size);
        }
    };

// Enemy setup
    const enemy = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        size: 40,
        color: 'red',
        draw: function() {
            ctx.fillStyle = this.color;
            ctx.fillRect(this.x - this.size / 2, this.y - this.size / 2, this.size, this.size);
        }
    };

// Game loop
    function update() {
        ctx.clearRect(0, 0, canvas.width, canvas.height); // Clear canvas
        player.draw();
        enemy.draw();
        // Add game logic here
    }

// Event listeners
    window.addEventListener('keydown', function(event) {
        if (event.key === 'ArrowUp') {
            player.y -= 10;
        } else if (event.key === 'ArrowDown') {
            player.y += 10;
        } else if (event.key === 'ArrowLeft') {
            player.x -= 10;
        } else if (event.key === 'ArrowRight') {
            player.x += 10;
        }
        update();
    });

// Start game
    setInterval(update, 16);
</script>
</body>
</html>