AI game creator

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

No:30783

←

Prev Next

→

Snake Game
Developer User14943｜Date and time 23/12/24 5:31:53
Build time 17.379 sec｜Game capacity 3.309KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jeu du Serpent</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialiser la position et la vitesse du serpent
    var snakeSize = 20;
    var snakeX = canvas.width / 2;
    var snakeY = canvas.height / 2;
    var snakeSpeed = 1;

// Initialiser la position de la nourriture
    var foodX = getRandomPosition(canvas.width / snakeSize) * snakeSize;
    var foodY = getRandomPosition(canvas.height / snakeSize) * snakeSize;

// Variables de direction du serpent
    var dx = 0;
    var dy = 0;

// Tableau pour stocker les coordonnées du serpent
    var snakeCoordinates = [];

// Ajouter une écoute d'événement pour détecter les touches de direction
    document.addEventListener("keydown", directionChange);

// Démarrer le jeu
    setInterval(gameLoop, 1000 / 15);

function gameLoop() {
      // Effacer le canvas pour afficher le nouvel état du jeu
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Déplacer le serpent
      snakeX += dx * snakeSpeed;
      snakeY += dy * snakeSpeed;

// Vérifier les collisions avec les bords du canvas
      if (snakeX < 0 || snakeY < 0 || snakeX >= canvas.width || snakeY >= canvas.height) {
        gameOver();
        return;
      }

// Vérifier les collisions avec la nourriture
      if (snakeX == foodX && snakeY == foodY) {
        // Ajouter un nouveau segment au serpent
        snakeCoordinates.push({ x: snakeX, y: snakeY });

// Générer une nouvelle position pour la nourriture
        foodX = getRandomPosition(canvas.width / snakeSize) * snakeSize;
        foodY = getRandomPosition(canvas.height / snakeSize) * snakeSize;
      }

// Ajouter la nouvelle position du serpent au tableau des coordonnées
      snakeCoordinates.push({ x: snakeX, y: snakeY });

// Afficher le serpent
      for (var i = 0; i < snakeCoordinates.length; i++) {
        ctx.fillStyle = "#000000";
        ctx.fillRect(
          snakeCoordinates[i].x,
          snakeCoordinates[i].y,
          snakeSize,
          snakeSize
        );
      }

// Supprimer les anciennes positions du serpent
      while (snakeCoordinates.length > 1) {
        snakeCoordinates.shift();
      }

// Dessiner la nourriture
      ctx.fillStyle = "#FF0000";
      ctx.fillRect(foodX, foodY, snakeSize, snakeSize);
    }

function directionChange(event) {
      // Modifier la direction du serpent en fonction de la touche pressée
      var keyPressed = event.keyCode;

if (keyPressed === 37 && dx !== 1) {
        // Gauche
        dx = -1;
        dy = 0;
      }

if (keyPressed === 38 && dy !== 1) {
        // Haut
        dx = 0;
        dy = -1;
      }

if (keyPressed === 39 && dx !== -1) {
        // Droite
        dx = 1;
        dy = 0;
      }

if (keyPressed === 40 && dy !== -1) {
        // Bas
        dx = 0;
        dy = 1;
      }
    }

function gameOver() {
      alert("Game Over!");
    }

function getRandomPosition(max) {
      return Math.floor(Math.random() * max);
    }
  </script>
</body>
</html>