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

No:12023

86

a game where the player must bring stones to win
Developer User4917｜Date and time 23/8/13 16:10:38
Build time 41.351 sec｜Game capacity 4.916KB｜

Bien sûr! Voici un exemple de jeu où le joueur doit apporter des pierres pour gagner. Le jeu est implémenté en tant que fichier HTML unique, contenant JavaScript et encadré par des balises . Le jeu peut être joué une fois terminé. Il utilise des pictogrammes et est adapté pour une utilisation sur smartphone. Voici le code :

Jeu de Collecte de Pierres

Score: 0

Ce code crée un plateau de jeu avec 9 cellules. Chaque cellule contient une image de pierre qui est sélectionnée aléatoirement à partir d'un tableau de pictogrammes de pierres. L'objectif du jeu est de cliquer sur les cellules pour "collecter" les pierres. Chaque fois qu'une pierre est collectée, le score du joueur est augmenté. Si toutes les cellules contiennent la même pierre, le joueur gagne des points supplémentaires. Lorsque le joueur a collecté toutes les pierres ou qu'aucune pierre n'est laissée sur le plateau, le jeu se termine et un message de victoire ou de défaite est affiché. Le joueur peut rejouer en appuyant sur le bouton "Rejouer".

→ 　

0　

0　

[PR]現在の新着人気ランキング

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

(C)2023 HisashiApp

Bien sûr! Voici un exemple de jeu où le joueur doit apporter des pierres pour gagner. Le jeu est implémenté en tant que fichier HTML unique, contenant JavaScript et encadré par des balises <script>. Le jeu peut être joué une fois terminé. Il utilise des pictogrammes et est adapté pour une utilisation sur smartphone. Voici le code :

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jeu de Collecte de Pierres</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

#game-board {
      margin: 20px auto;
      width: 80%;
      max-width: 400px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }

.cell {
      width: 25%;
      padding: 10px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
    }

.cell img {
      max-width: 100%;
      max-height: 100px;
    }

#message {
      margin-top: 20px;
      font-weight: bold;
    }

#score {
      margin-top: 10px;
    }

#score span {
      font-weight: bold;
      font-size: 20px;
      color: #3498db;
    }

#reset-btn {
      margin-top: 20px;
      background-color: #3498db;
      color: #fff;
      border: none;
      padding: 10px 20px;
      font-weight: bold;
      border-radius: 4px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Jeu de Collecte de Pierres</h1>
  <div id="game-board"></div>
  <div id="message"></div>
  <div id="score">Score: <span>0</span></div>
  <button id="reset-btn">Rejouer</button>

<script>
    // Tableau des pictogrammes de pierres
    const stones = [
      'https://example.com/stone1.png',
      'https://example.com/stone2.png',
      'https://example.com/stone3.png',
      'https://example.com/stone4.png'
    ];

// Création du plateau de jeu avec des cellules vides
    let gameCells = [];
    let score = 0;

function createGameBoard() {
      const board = document.getElementById('game-board');

for (let i = 0; i < 9; i++) {
        const cell = document.createElement('div');
        cell.classList.add('cell');
        cell.dataset.index = i;
        gameCells.push(cell);
        board.appendChild(cell);
      }
    }

// Distribution aléatoire des pierres sur le plateau de jeu
    function distributeStones() {
      gameCells.forEach(cell => {
        const stoneIndex = Math.floor(Math.random() * stones.length);
        cell.innerHTML = `<img src="${stones[stoneIndex]}">`;
      });
    }

// Vérification si toutes les cellules contiennent une pierre identique
    function checkWin() {
      const firstStone = gameCells[0].innerHTML;

for (let i = 1; i < gameCells.length; i++) {
        if (gameCells[i].innerHTML !== firstStone) {
          return false;
        }
      }

return true;
    }

// Mise à jour du score et affichage du message de victoire/défaite
    function updateScoreAndMessage() {
      const scoreElement = document.querySelector('#score span');
      scoreElement.textContent = score;

const messageElement = document.getElementById('message');
      messageElement.textContent = score === 9 ? 'Vous avez gagné!' : 'Vous avez perdu!';
    }

// Réinitialisation du jeu
    function resetGame() {
      score = 0;
      gameCells.forEach(cell => {
        cell.innerHTML = '';
      });
      updateScoreAndMessage();
      distributeStones();
    }

// Gestion des interactions avec les cellules lors du clic
    function handleCellClick(event) {
      const clickedCell = event.target;

if (clickedCell.innerHTML !== '') {
        score++;
        clickedCell.innerHTML = '';
      }

updateScoreAndMessage();

if (checkWin()) {
        score += 3;
        updateScoreAndMessage();
      }
    }

// Initialisation du jeu
    function startGame() {
      createGameBoard();
      distributeStones();
      updateScoreAndMessage();

const resetButton = document.getElementById('reset-btn');
      resetButton.addEventListener('click', resetGame);

gameCells.forEach(cell => {
        cell.addEventListener('click', handleCellClick);
      });
    }

startGame();
  </script>
</body>
</html>
```

Ce code crée un plateau de jeu avec 9 cellules. Chaque cellule contient une image de pierre qui est sélectionnée aléatoirement à partir d'un tableau de pictogrammes de pierres. L'objectif du jeu est de cliquer sur les cellules pour "collecter" les pierres. Chaque fois qu'une pierre est collectée, le score du joueur est augmenté. Si toutes les cellules contiennent la même pierre, le joueur gagne des points supplémentaires. Lorsque le joueur a collecté toutes les pierres ou qu'aucune pierre n'est laissée sur le plateau, le jeu se termine et un message de victoire ou de défaite est affiché. Le joueur peut rejouer en appuyant sur le bouton "Rejouer".