AI game creator

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

No:15724

114

←

Prev Next

→

Battle royale
Developer User6842｜Date and time 23/9/11 0:03:08
Build time 25.764 sec｜Game capacity 2.577KB｜

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>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Variables du jeu
        const joueurTaille = 50;
        let joueurX = canvas.width / 2;
        let joueurY = canvas.height / 2;
        let joueurVitesseX = 0;
        let joueurVitesseY = 0;

// Charger les pictogrammes du jeu
        const joueurPictogramme = new Image();
        joueurPictogramme.src = "joueur.png";

// Déplacer le joueur lors de l'appui sur les flèches
        document.addEventListener("keydown", deplacerJoueur);

// Arrêter le joueur lorsque la touche est relâchée
        document.addEventListener("keyup", () => {
            joueurVitesseX = 0;
            joueurVitesseY = 0;
        });

// Mettre à jour la position du joueur
        function update() {
            joueurX += joueurVitesseX;
            joueurY += joueurVitesseY;

// Limiter le joueur à l'intérieur du canvas
            if (joueurX < 0) {
                joueurX = 0;
            }

if (joueurX + joueurTaille > canvas.width) {
                joueurX = canvas.width - joueurTaille;
            }

if (joueurY < 0) {
                joueurY = 0;
            }

if (joueurY + joueurTaille > canvas.height) {
                joueurY = canvas.height - joueurTaille;
            }

// Effacer le canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dessiner le joueur
            ctx.drawImage(joueurPictogramme, joueurX, joueurY, joueurTaille, joueurTaille);

requestAnimationFrame(update);
        }

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

</html>
<style>
    body {
        margin: 0;
        padding: 0;
    }

canvas {
        background-color: #eee;
        display: block;
        margin: 0 auto;
    }
</style>