{"id":1801,"date":"2025-12-05T00:06:56","date_gmt":"2025-12-05T00:06:56","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1801"},"modified":"2025-12-05T00:12:53","modified_gmt":"2025-12-05T00:12:53","slug":"conquete-express","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/conquete-express\/","title":{"rendered":"Conqu\u00eate Express"},"content":{"rendered":"\n<!-- Conqu\u00eate Express Hexagonal - cr\u00e9\u00e9 par Guido Saverio -->\n<div id=\"conquete-express\" style=\"font-family: 'Arial', sans-serif; max-width: 950px; margin:auto; text-align:center; padding:20px; background:#f9f9f9; border-radius:15px; box-shadow:0 5px 20px rgba(0,0,0,0.1);\">\n  <h1 style=\"color:#2c3e50; font-size:2.4em;\">Conqu\u00eate Express<\/h1>\n  <p style=\"color:#34495e; font-weight:bold; margin-bottom:20px;\">Micro-Jeu de Territoire<\/p>\n\n  <!-- Texte explicatif -->\n  <div id=\"game-description\" style=\"background:#ecf0f1; padding:15px; border-radius:10px; margin-bottom:30px; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:left; line-height:1.5;\">\n    <strong>Bienvenue, strat\u00e8ge !<\/strong> Votre mission est simple : <strong>conqu\u00e9rir et renforcer des territoires<\/strong> sur la carte hexagonale.<br><br>\n    \u00c0 chaque tour, choisissez une action :<br>\n    <ul style=\"text-align:left; padding-left:20px;\">\n      <li><strong>Conqu\u00e9rir<\/strong> : Prenez possession d\u2019une case neutre.<\/li>\n      <li><strong>Renforcer<\/strong> : Solidifiez une case d\u00e9j\u00e0 conquise pour augmenter votre influence.<\/li>\n      <li><strong>Carte sp\u00e9ciale<\/strong> : D\u00e9ployez un effet unique pour dominer le plateau.<\/li>\n    <\/ul>\n    Une fois toutes les cases jou\u00e9es, <strong>testez votre score<\/strong> et recevez votre <strong>certificat officiel<\/strong> avec votre nom et la date.<br>\n    <em>Bonne chance, et que la conqu\u00eate commence !<\/em>\n  <\/div>\n  \n  <!-- Carte Hexagonale -->\n  <div id=\"map\" style=\"display:flex; flex-wrap:wrap; justify-content:center; margin:40px 0; gap:5px;\">\n    <!-- Cases g\u00e9n\u00e9r\u00e9es par JS -->\n  <\/div>\n  \n  <!-- Actions -->\n  <div id=\"actions\" style=\"margin-bottom:20px;\">\n    <button onclick=\"setAction('conquer')\">Conqu\u00e9rir<\/button>\n    <button onclick=\"setAction('reinforce')\">Renforcer<\/button>\n    <button onclick=\"setAction('special')\">Carte sp\u00e9ciale<\/button>\n  <\/div>\n  \n  <p id=\"current-action\" style=\"font-weight:bold; font-size:1.2em; margin-bottom:20px;\">Choisissez une action<\/p>\n  \n  <!-- Test final -->\n  <div id=\"test\" style=\"display:none; margin-top:30px; background:#ecf0f1; padding:20px; border-radius:10px;\">\n    <h2 style=\"color:#2c3e50;\">Test Final<\/h2>\n    <p>Combien de cases avez-vous conquises ?<\/p>\n    <input type=\"number\" id=\"score-input\" placeholder=\"Votre score\" style=\"padding:5px; width:100px; font-size:1em; text-align:center;\">\n    <button onclick=\"finishGame()\">Terminer le jeu<\/button>\n  <\/div>\n  \n  <!-- Certificat -->\n  <div id=\"certificate\" style=\"display:none; border:3px solid #2980b9; padding:30px; margin-top:20px; border-radius:15px; background:white; box-shadow:0 4px 20px rgba(0,0,0,0.1);\">\n    <h2 style=\"color:#2980b9;\">Certificat de Conqu\u00eate<\/h2>\n    <p>D\u00e9livr\u00e9 par <a href=\"https:\/\/clubvivremieux.com\/\" target=\"_blank\" style=\"color:#3498db; text-decoration:none;\">https:\/\/clubvivremieux.com\/<\/a><\/p>\n    <p>Date : <span id=\"cert-date\"><\/span><\/p>\n    <p>Nom du joueur : <span id=\"player-name\"><\/span><\/p>\n    <p>Score final : <span id=\"final-score\"><\/span><\/p>\n    <p style=\"margin-top:20px; font-style:italic; color:#7f8c8d;\">Cr\u00e9\u00e9 par Guido SAVERIO<\/p>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ Param\u00e8tres du jeu\nconst rows = 5;\nconst cols = 5;\nlet currentAction = '';\nlet mapState = Array(rows*cols).fill('neutral');\nlet score = 0;\n\nconst mapDiv = document.getElementById('map');\n\n\/\/ G\u00e9n\u00e9rer carte hexagonale\nfor(let row=0; row<rows; row++){\n    for(let col=0; col<cols; col++){\n        const index = row*cols+col;\n        const cell = document.createElement('div');\n        cell.classList.add('hex-cell');\n        cell.dataset.index = index;\n        cell.style.width='80px';\n        cell.style.height='70px';\n        cell.style.background='#ecf0f1';\n        cell.style.clipPath='polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)';\n        cell.style.marginBottom='-15px';\n        cell.style.transition='all 0.3s ease';\n        cell.style.cursor='pointer';\n        cell.style.display='flex';\n        cell.style.alignItems='center';\n        cell.style.justifyContent='center';\n        cell.style.boxShadow='0 2px 5px rgba(0,0,0,0.1)';\n        cell.addEventListener('click', ()=> handleCellClick(index));\n        mapDiv.appendChild(cell);\n    }\n}\n\nfunction setAction(action){\n    currentAction = action;\n    document.getElementById('current-action').innerText = \"Action choisie : \" + action;\n}\n\nfunction handleCellClick(index){\n    if(!currentAction) return alert(\"Choisissez d'abord une action !\");\n    const cell = mapDiv.children[index];\n\n    if(currentAction === 'conquer'){\n        if(mapState[index] === 'neutral'){\n            mapState[index] = 'conquered';\n            cell.style.background='#3498db';\n            cell.style.transform='scale(1.1)';\n            setTimeout(()=> cell.style.transform='scale(1)', 200);\n            score +=1;\n        } else {\n            alert('Case d\u00e9j\u00e0 conquise !');\n        }\n    } else if(currentAction === 'reinforce'){\n        if(mapState[index] === 'conquered'){\n            mapState[index] = 'reinforced';\n            cell.style.background='#2ecc71';\n            cell.style.boxShadow='0 0 20px #2ecc71';\n            setTimeout(()=> cell.style.boxShadow='0 2px 5px rgba(0,0,0,0.1)', 500);\n            score +=1;\n        } else {\n            alert('Vous devez d\u2019abord conqu\u00e9rir cette case !');\n        }\n    } else if(currentAction === 'special'){\n        cell.style.background='#f1c40f';\n        cell.style.transform='rotate(10deg) scale(1.1)';\n        setTimeout(()=> cell.style.transform='rotate(0deg) scale(1)', 300);\n        alert('Carte sp\u00e9ciale jou\u00e9e !');\n        score +=1;\n    }\n\n    \/\/ V\u00e9rifier si toutes les cases ont \u00e9t\u00e9 jou\u00e9es pour afficher test\n    if([...mapState].filter(s=>s==='conquered' || s==='reinforced').length === rows*cols){\n        document.getElementById('test').style.display='block';\n    }\n}\n\nfunction finishGame(){\n    const playerName = prompt(\"Entrez votre nom :\");\n    const playerScore = document.getElementById('score-input').value || score;\n    document.getElementById('final-score').innerText = playerScore;\n    document.getElementById('player-name').innerText = playerName || \"Anonyme\";\n    document.getElementById('cert-date').innerText = new Date().toLocaleDateString();\n    \n    document.getElementById('test').style.display='none';\n    document.getElementById('certificate').style.display='block';\n}\n<\/script>\n\n<style>\nbutton{\n    padding:12px 20px;\n    margin:5px;\n    border:none;\n    border-radius:8px;\n    cursor:pointer;\n    background:#2980b9;\n    color:white;\n    font-weight:bold;\n    font-size:1em;\n    transition:0.3s;\n    box-shadow:0 3px 8px rgba(0,0,0,0.15);\n}\nbutton:hover{\n    background:#1c5980;\n    transform:scale(1.05);\n}\n.hex-cell:hover{\n    transform:scale(1.05);\n    box-shadow:0 4px 15px rgba(0,0,0,0.3);\n}\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>Conqu\u00eate Express Micro-Jeu de Territoire Bienvenue, strat\u00e8ge ! Votre mission est simple : conqu\u00e9rir et renforcer des territoires sur la carte hexagonale. \u00c0 chaque tour, choisissez une action : Conqu\u00e9rir : Prenez possession d\u2019une case neutre. Renforcer : Solidifiez une&#8230; <a href=\"https:\/\/clubvivremieux.com\/index.php\/conquete-express\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Conqu\u00eate Express<\/span><span class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/span><\/a><\/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-1801","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1801","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=1801"}],"version-history":[{"count":2,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1801\/revisions"}],"predecessor-version":[{"id":1803,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1801\/revisions\/1803"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}