Animation naruto vs minecraft's game

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

No:15615

←

Prev Next

→

Animation naruto vs minecraft
Developer SkyllerForce｜Date and time 23/9/10 6:12:26
Build time 16.145 sec｜Game capacity 2.194KB｜

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>Naruto vs Minecraft</title>
    <style>
      canvas {
        border: 1px solid #000;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Chargement des images des personnages
      const narutoImg = new Image();
      narutoImg.src = "naruto.png";
      const minecraftImg = new Image();
      minecraftImg.src = "minecraft.png";

// Positions initiales des personnages
      let narutoX = 100;
      let narutoY = 200;
      let minecraftX = 600;
      let minecraftY = 200;

// Vitesse de déplacement des personnages
      const narutoSpeed = 7;
      const minecraftSpeed = 5;

// Écouteur de mouvement tactile pour smartphone
      canvas.addEventListener("touchmove", handleTouchMove);

// Fonction de gestion du mouvement tactile
      function handleTouchMove(e) {
        e.preventDefault();
        const touchX = e.touches[0].clientX;
        const touchY = e.touches[0].clientY;

// Mise à jour des positions des personnages
        if (touchX < canvas.width / 2) {
          narutoX = touchX - narutoImg.width / 2;
          narutoY = touchY - narutoImg.height / 2;
        } else {
          minecraftX = touchX - minecraftImg.width / 2;
          minecraftY = touchY - minecraftImg.height / 2;
        }
      }

// Fonction de dessin des personnages
      function drawCharacters() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.drawImage(narutoImg, narutoX, narutoY);
        ctx.drawImage(minecraftImg, minecraftX, minecraftY);
      }

// Fonction de mise à jour du jeu
      function updateGame() {
        drawCharacters();
        requestAnimationFrame(updateGame);
      }

// Chargement des images avant de démarrer le jeu
      narutoImg.onload = function() {
        minecraftImg.onload = function() {
          updateGame();
        };
      };
    </script>
  </body>
</html>