AI game creator

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

No:17583

114

←

Prev Next

→

Donkey Kong
Developer User7720｜Date and time 23/9/24 1:18:42
Build time 27.843 sec｜Game capacity 2.99KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Donkey Kong Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Game Objects
        const player = {
            x: 40,
            y: canvas.height - 100,
            width: 40,
            height: 40,
            speed: 5,
            dx: 0
        };

const enemy = {
            x: canvas.width - 80,
            y: canvas.height - 100,
            width: 40,
            height: 40,
            speed: 3,
            dx: 0
        };

// Keyboard Event Handlers
        function keyDownHandler(event) {
            if (event.key === "Right" || event.key === "ArrowRight") {
                player.dx = player.speed;
            } else if (event.key === "Left" || event.key === "ArrowLeft") {
                player.dx = -player.speed;
            }
        }

function keyUpHandler(event) {
            if (
                event.key === "Right" ||
                event.key === "ArrowRight" ||
                event.key === "Left" ||
                event.key === "ArrowLeft"
            ) {
                player.dx = 0;
            }
        }

document.addEventListener("keydown", keyDownHandler);
        document.addEventListener("keyup", keyUpHandler);

// Game Loop
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Player
            context.fillStyle = "#FF0000";
            context.fillRect(player.x, player.y, player.width, player.height);

// Draw Enemy
            context.fillStyle = "#0000FF";
            context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Move Player
            player.x += player.dx;

// Move Enemy
            enemy.x -= enemy.speed;

// Collision Detection
            if (player.x < 0) {
                player.x = 0;
            } else if (player.x + player.width > canvas.width) {
                player.x = canvas.width - player.width;
            }

if (enemy.x + enemy.width < 0) {
                enemy.x = canvas.width;
            }

// Check for Game Over
            if (checkCollision(player, enemy)) {
                endGame();
            }

requestAnimationFrame(update);
        }

function checkCollision(obj1, obj2) {
            return (
                obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.height > obj2.y
            );
        }

function endGame() {
            alert("Game Over");
            player.x = 40;
            enemy.x = canvas.width - 80;
        }

// Start the Game
        update();
    </script>
</body>
</html>