AI game creator

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

No:50208

←

Prev Next

→

Jeux de guerre
Developer User21267｜Date and time 24/3/8 2:53:41
Build time 9.129 sec｜Game capacity 2.264KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jeux de guerre</title>
</head>

let player = {
            x: 50,
            y: 50,
            width: 25,
            height: 25
        };

let enemy = {
            x: 150,
            y: 150,
            width: 25,
            height: 25
        };

let isGameOver = false;

// Gérer les entrées du joueur
        document.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;
            }
        });

// Définir la fonction de dessin
        function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dessiner le joueur
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Dessiner l'ennemi
            ctx.fillStyle = 'red';
            ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

// Vérifier la collision
            if (player.x < enemy.x + enemy.width &&
                player.x + player.width > enemy.x &&
                player.y < enemy.y + enemy.height &&
                player.y + player.height > enemy.y) {
                isGameOver = true;
            }

if (!isGameOver) {
                requestAnimationFrame(draw);
            } else {
                ctx.fillStyle = 'black';
                ctx.font = '30px Arial';
                ctx.fillText('Game Over', canvas.width / 2 - 80, canvas.height / 2);
            }
        }

// Démarrer le jeu
        draw();
    </script>
</body>

</html>