Dragon ball xenoverse's game

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

No:12819

←

Prev Next

→

Dragon ball xenoverse
Developer User5580｜Date and time 23/8/23 22:15:27
Build time 34.19 sec｜Game capacity 3.087KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Dragon Ball Xenoverse</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Crée le canvas et défini son contexte 2D
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// Charge les images pour les pictogrammes des personnages
        const gokuImg = new Image();
        gokuImg.src = "goku.png";

const vegetaImg = new Image();
        vegetaImg.src = "vegeta.png";

// Définit la position initiale des personnages
        let gokuX = 50;
        let gokuY = 300;

let vegetaX = 700;
        let vegetaY = 300;

// Définit la vitesse de déplacement des personnages
        const movementSpeed = 5;

// Fonction de dessin du jeu
        function drawGame() {
            // Efface le canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Dessine Goku
            context.drawImage(gokuImg, gokuX, gokuY, 100, 100);

// Dessine Vegeta
            context.drawImage(vegetaImg, vegetaX, vegetaY, 100, 100);
        }

// Fonction de mise à jour du jeu
        function updateGame() {
            // Met à jour la position des personnages en fonction des touches appuyées

// Gestion des touches pour déplacer Goku
            if (keyState["ArrowUp"]) {
                gokuY -= movementSpeed;
            }
            if (keyState["ArrowDown"]) {
                gokuY += movementSpeed;
            }
            if (keyState["ArrowLeft"]) {
                gokuX -= movementSpeed;
            }
            if (keyState["ArrowRight"]) {
                gokuX += movementSpeed;
            }

// Gestion des touches pour déplacer Vegeta
            if (keyState["w"]) {
                vegetaY -= movementSpeed;
            }
            if (keyState["s"]) {
                vegetaY += movementSpeed;
            }
            if (keyState["a"]) {
                vegetaX -= movementSpeed;
            }
            if (keyState["d"]) {
                vegetaX += movementSpeed;
            }

// Appelle la fonction de dessin du jeu
            drawGame();
        }

// Tableau pour stocker l'état des touches
        const keyState = {};

// Fonction pour gérer l'état des touches appuyées
        function keyDownHandler(event) {
            keyState[event.key] = true;
        }

// Fonction pour gérer l'état des touches relâchées
        function keyUpHandler(event) {
            keyState[event.key] = false;
        }

// Associe les événements de touche aux fonctions de gestion
        window.addEventListener("keydown", keyDownHandler, false);
        window.addEventListener("keyup", keyUpHandler, false);

// Démarre le jeu en rafraîchissant la boucle de jeu
        setInterval(updateGame, 16); // Rafraîchit environ toutes les 16ms (environ 60 FPS)

</script>
</body>
</html>