Multiplayer minigames with fish's game

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

No:24410

122

←

Prev Next

→

Multiplayer minigames with fish
Developer User8620｜Date and time 23/11/8 21:45:57
Build time 50.671 sec｜Game capacity 2.902KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Mini jeux multijoueurs avec des poissons</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Définir les pictogrammes pour les poissons
        var fish1 = new Image();
        fish1.src = "fish1.png";
        var fish2 = new Image();
        fish2.src = "fish2.png";

// Définir la classe pour les poissons
        class Fish {
            constructor(x, y, image) {
                this.x = x;
                this.y = y;
                this.image = image;
            }

draw() {
                ctx.drawImage(this.image, this.x, this.y);
            }

move(direction) {
                if (direction === "up") {
                    this.y -= 10;
                } else if (direction === "down") {
                    this.y += 10;
                } else if (direction === "left") {
                    this.x -= 10;
                } else if (direction === "right") {
                    this.x += 10;
                }
            }
        }

// Créer les poissons
        var player1 = new Fish(50, 300, fish1);
        var player2 = new Fish(750, 300, fish2);

// Gérer les entrées du joueur 1
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 38) { // flèche haute
                player1.move("up");
            } else if (event.keyCode === 40) { // flèche basse
                player1.move("down");
            } else if (event.keyCode === 37) { // flèche gauche
                player1.move("left");
            } else if (event.keyCode === 39) { // flèche droite
                player1.move("right");
            }
        });

// Gérer les entrées du joueur 2
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 87) { // touche W
                player2.move("up");
            } else if (event.keyCode === 83) { // touche S
                player2.move("down");
            } else if (event.keyCode === 65) { // touche A
                player2.move("left");
            } else if (event.keyCode === 68) { // touche D
                player2.move("right");
            }
        });

// Boucle de jeu principale
        function gameLoop() {
            // Effacer le canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Dessiner les poissons
            player1.draw();
            player2.draw();
            
            // Appeler la boucle de jeu à nouveau
            requestAnimationFrame(gameLoop);
        }

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