AI game creator

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

No:33163

←

Prev Next

→

Mario
Developer User15666｜Date and time 24/1/2 19:52:17
Build time 17.287 sec｜Game capacity 1.805KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Mario Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="400"></canvas>
  <script>
    // Définition des pictogrammes
    var marioImage = new Image();
    marioImage.src = "mario.png";
    
    // Définition des variables de jeu
    var canvas;
    var canvasContext;
    var marioX = 50;
    var marioY = 50;
    
    // Fonction d'initialisation du jeu
    function gameInit() {
      canvas = document.getElementById('gameCanvas');
      canvasContext = canvas.getContext('2d');
      
      // Démarrage de la boucle de jeu
      setInterval(updateGame, 1000 / 30);
    }
    
    // Fonction de mise à jour du jeu
    function updateGame() {
      moveMario();
      drawGame();
    }
    
    // Fonction de déplacement de Mario
    function moveMario() {
      // Gestion des contrôles du joueur (utilisez les flèches directionnelles du smartphone)
      document.addEventListener("keydown", function(e) {
        switch(e.key) {
          case "ArrowUp":
            marioY -= 10;
            break;
          case "ArrowDown":
            marioY += 10;
            break;
          case "ArrowLeft":
            marioX -= 10;
            break;
          case "ArrowRight":
            marioX += 10;
            break;
        }
      });
    }
    
    // Fonction de rendu du jeu
    function drawGame() {
      // Effacer l'écran
      canvasContext.fillStyle = "#FFF";
      canvasContext.fillRect(0, 0, canvas.width, canvas.height);
      
      // Dessiner Mario
      canvasContext.drawImage(marioImage, marioX, marioY);
    }
    
    // Lancement du jeu
    gameInit();
    
  </script>
</body>
</html>