{"id":1775,"date":"2025-12-04T19:35:01","date_gmt":"2025-12-04T19:35:01","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1775"},"modified":"2025-12-04T19:36:26","modified_gmt":"2025-12-04T19:36:26","slug":"1775-2","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/1775-2\/","title":{"rendered":"Jeu de Plateau \u2013 2 Joueurs"},"content":{"rendered":"\n<style>\n  body {\n    font-family: Arial, sans-serif;\n    background: #f6f6f6;\n  }\n\n  #board {\n    display: grid;\n    grid-template-columns: repeat(5, 80px);\n    grid-template-rows: repeat(5, 80px);\n    gap: 6px;\n    margin: 20px auto;\n  }\n\n  .cell {\n    width: 80px;\n    height: 80px;\n    background: white;\n    border: 2px solid #bbb;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 20px;\n    font-weight: bold;\n    border-radius: 12px;\n    transition: transform 0.15s;\n  }\n\n  .cell:hover { transform: scale(1.05); }\n\n  .special {\n    background: #fff4d3;\n    border-color: #ffa000;\n  }\n\n  .player-icon { font-size: 26px; }\n\n  #controls {\n    text-align: center;\n    margin-top: 20px;\n  }\n\n  button {\n    padding: 12px 24px;\n    background: #2196F3;\n    color: white;\n    border: none;\n    border-radius: 8px;\n    font-size: 18px;\n    cursor: pointer;\n  }\n\n  #log {\n    margin: 20px auto;\n    background: white;\n    padding: 10px;\n    border: 1px solid #ddd;\n    width: 320px;\n    height: 150px;\n    overflow-y: auto;\n    border-radius: 8px;\n  }\n<\/style>\n\n<h2 style=\"text-align:center;\">\ud83c\udfb2 Jeu de Plateau \u2013 2 Joueurs<\/h2>\n<p style=\"text-align:center;\">Le premier \u00e0 atteindre la case 25 gagne !<\/p>\n\n<div id=\"board\"><\/div>\n\n<div id=\"controls\">\n  <p>Tour du joueur : <span id=\"currentPlayerLabel\">1<\/span><\/p>\n  <button onclick=\"rollDice()\">Lancer le d\u00e9 \ud83c\udfb2<\/button>\n  <div id=\"diceResult\"><\/div>\n<\/div>\n\n<div id=\"log\"><\/div>\n\n<script>\n  const board = document.getElementById('board');\n  const logBox = document.getElementById('log');\n\n  let players = [1, 1]; \/\/ positions joueurs\n  let currentPlayer = 0;\n\n  const specialCells = { 4:+2, 9:-3, 13:+4, 17:-2, 22:+3 };\n\n  function initBoard() {\n    for (let i = 1; i <= 25; i++) {\n      const cell = document.createElement('div');\n      cell.classList.add('cell');\n      if (specialCells[i]) cell.classList.add('special');\n      cell.id = 'cell-' + i;\n      cell.textContent = i;\n      board.appendChild(cell);\n    }\n    updatePlayers();\n  }\n\n  function updatePlayers() {\n    document.querySelectorAll('.cell').forEach(c => {\n      c.innerHTML = c.id.split('-')[1];\n    });\n\n    players.forEach((pos, index) => {\n      const cell = document.getElementById('cell-' + pos);\n      const icon = index === 0 ? '\ud83d\udfe6' : '\ud83d\udfe5';\n      cell.innerHTML += `<div class='player-icon'>${icon}<\/div>`;\n    });\n  }\n\n  function rollDice() {\n    const value = Math.floor(Math.random() * 6) + 1;\n    document.getElementById('diceResult').textContent = \"R\u00e9sultat : \" + value;\n    log(`Joueur ${currentPlayer+1} avance de ${value}`);\n\n    players[currentPlayer] += value;\n    let pos = players[currentPlayer];\n\n    if (specialCells[pos]) {\n      const bonus = specialCells[pos];\n      players[currentPlayer] += bonus;\n      log(`Case sp\u00e9ciale ! Effet : ${bonus > 0 ? '+'+bonus : bonus}`);\n    }\n\n    if (players[currentPlayer] >= 25) {\n      players[currentPlayer] = 25;\n      updatePlayers();\n      log(`\ud83c\udfc6 Joueur ${currentPlayer+1} a gagn\u00e9 !`);\n      return;\n    }\n\n    currentPlayer = currentPlayer === 0 ? 1 : 0;\n    document.getElementById('currentPlayerLabel').textContent = currentPlayer + 1;\n    updatePlayers();\n  }\n\n  function log(msg) {\n    const div = document.createElement('div');\n    div.textContent = msg;\n    logBox.appendChild(div);\n    logBox.scrollTop = logBox.scrollHeight;\n  }\n\n  initBoard();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfb2 Jeu de Plateau \u2013 2 Joueurs Le premier \u00e0 atteindre la case 25 gagne ! Tour du joueur : 1 Lancer le d\u00e9 \ud83c\udfb2<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1775","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/comments?post=1775"}],"version-history":[{"count":2,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1775\/revisions"}],"predecessor-version":[{"id":1777,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1775\/revisions\/1777"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}