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

No:19613

←

Prev Next

→

3d maze
Developer User8620｜Date and time 23/10/5 2:06:34
Build time 35.785 sec｜Game capacity 5.294KB｜

Script

D'accord, voici un exemple d'un jeu de labyrinthe en 3D implémenté dans un seul fichier HTML avec JavaScript :

Jeu de Labyrinthe 3D

Ce code génère un labyrinthe 3D avec des murs représentés par des rectangles bleus. Le joueur est représenté par un carré rouge et peut se déplacer dans le labyrinthe à l'aide des touches fléchées du clavier. Lorsque le joueur atteint la sortie du labyrinthe, une alerte s'affiche pour indiquer qu'il a terminé le labyrinthe. Notez que ce n'est qu'un exemple simplifié et qu'il y a beaucoup de choses à améliorer, telles que la génération aléatoire de labyrinthes, l'ajout de niveaux supplémentaires, etc.

←

Prev　Next

→ 　

Back　

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

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

D'accord, voici un exemple d'un jeu de labyrinthe en 3D implémenté dans un seul fichier HTML avec JavaScript :

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jeu de Labyrinthe 3D</title>
  <style>
    #maze {
      width: 400px;
      height: 400px;
      background-color: black;
      position: relative;
    }
    #player {
      width: 20px;
      height: 20px;
      background-color: red;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      transition: transform 0.1s;
    }
    .wall {
      width: 40px;
      height: 40px;
      background-color: blue;
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Jeu de Labyrinthe 3D</h1>
  <div id="maze"></div>

const maze = [
        "┌───────┐     ",
        "│       │ ┌─┐ ",
        "│ ┌───┐ │ │ │ ",
        "│ │   │ │ │ │ ",
        "│ └─┐ │ │ │ │ ",
        "│   │ │ │ │ │ ",
        "│ ┌─┘ │ │ │ │ ",
        "│ │   │ │ │ │ ",
        "│ │ ┌─┘ │ │ │ ",
        "│ │ │   │ │ │ ",
        "│ │ │ ┌─┘ │ │ ",
        "│ │ │ │   │ │ ",
        "│ │ │ │ ┌─┘ │ ",
        "│ │ │ │ │   │ ",
        "│ │ │ │ │ ┌─┘ ",
        "│ │ │ │ │ │   ",
        "│ │ │ │ │ └─┐ ",
        "│ │ │ │ │   │ ",
        "│ │ │ │ └─┐ │ ",
        "│ │ │ │   │ │ ",
        "│ │ │ └───┘ │ ",
        "│ │ │       │ ",
        "│ └─┘ ┌───┐ │ ",
        "│     │   │ │ ",
        "└─────┘   └─┘ "
      ];

const mazeWidth = 19;
      const mazeHeight = maze.length;

let playerX = 0;
      let playerY = 0;

function canMoveTo(x, y) {
        if (x < 0 || x >= mazeWidth || y < 0 || y >= mazeHeight) {
          return false;
        }
        const cellSymbol = maze[y][x];
        return cellSymbol === " " || cellSymbol === "┌" || cellSymbol === "└" || cellSymbol === "┐" || cellSymbol === "┘";
      }

function movePlayer(direction) {
        const originalX = playerX;
        const originalY = playerY;

if (direction === "left") {
          playerX -= 1;
          player.style.transform = "rotateY(360deg)";
        } else if (direction === "right") {
          playerX += 1;
          player.style.transform = "rotateY(180deg)";
        } else if (direction === "up") {
          playerY -= 1;
          player.style.transform = "rotateX(90deg)";
        } else if (direction === "down") {
          playerY += 1;
          player.style.transform = "rotateX(-90deg)";
        }

if (!canMoveTo(playerX, playerY)) {
          playerX = originalX;
          playerY = originalY;
        }

player.style.left = playerX * 40 + "px";
        player.style.top = playerY * 40 + "px";

if (playerX === mazeWidth - 1 && playerY === mazeHeight - 1) {
          alert("Félicitations ! Vous avez terminé le labyrinthe !");
        }
      }

buildMaze();
    })();
  </script>
</body>
</html>
```

Notez que ce n'est qu'un exemple simplifié et qu'il y a beaucoup de choses à améliorer, telles que la génération aléatoire de labyrinthes, l'ajout de niveaux supplémentaires, etc.