{"id":1790,"date":"2025-12-04T23:05:41","date_gmt":"2025-12-04T23:05:41","guid":{"rendered":"https:\/\/clubvivremieux.com\/?page_id=1790"},"modified":"2025-12-04T23:58:35","modified_gmt":"2025-12-04T23:58:35","slug":"le-defi-des-aventuriers-version-immersive","status":"publish","type":"page","link":"https:\/\/clubvivremieux.com\/index.php\/le-defi-des-aventuriers-version-immersive\/","title":{"rendered":"Le Mur Maudit &#8211; Jeux + certificat"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>(jeu d\u2019\u00e9nigmes en temps limit\u00e9)<\/strong><\/h2>\n\n\n\n<p>Plateau avec cases ferm\u00e9es.<br>Chaque case \u2192 une \u00e9nigme.<br>Le but : traverser le mur le plus vite possible.<\/p>\n\n\n\n<!-- Le Mur Maudit avec Certificat PDF -->\n<div id=\"mur-maudit\" style=\"font-family: 'Arial', sans-serif; max-width:900px; margin:auto; text-align:center; padding:10px;\">\n\n  <h2 style=\"color:#ff4c4c; text-shadow:2px 2px #333;\">Le Mur Maudit<\/h2>\n  <p>Traversez le mur en r\u00e9solvant les \u00e9nigmes le plus vite possible !<\/p>\n\n  <div style=\"margin-bottom:15px;\">\n    <input type=\"text\" id=\"player-name\" placeholder=\"Votre nom\" style=\"padding:8px; border-radius:5px; border:1px solid #ccc; width:200px;\">\n  <\/div>\n\n  <div id=\"chronometre\" style=\"font-size:18px; font-weight:bold; margin-bottom:20px; color:#333;\">Temps : 0s<\/div>\n\n  <div id=\"plateau\" style=\"display:grid; grid-template-columns: repeat(auto-fit, minmax(80px,1fr)); gap:12px; margin-bottom:20px;\">\n    <!-- Cases g\u00e9n\u00e9r\u00e9es par JS -->\n  <\/div>\n\n  <div id=\"enigme-container\" style=\"display:none; margin-bottom:20px;\">\n    <p id=\"enigme-text\" style=\"font-weight:bold; font-size:16px; color:#444;\"><\/p>\n    <input type=\"text\" id=\"enigme-reponse\" placeholder=\"Votre r\u00e9ponse...\" style=\"padding:8px; width:60%; border-radius:5px; border:1px solid #ccc;\">\n    <button id=\"submit-reponse\" style=\"padding:8px 15px; margin-left:5px; border:none; border-radius:5px; background:#ff4c4c; color:#fff;\">Valider<\/button>\n  <\/div>\n\n  <div id=\"score-container\" style=\"display:none;\">\n    <h3>Score final<\/h3>\n    <p id=\"score-text\" style=\"font-size:16px; font-weight:bold;\"><\/p>\n    <button id=\"download-pdf\" style=\"padding:8px 15px; border:none; border-radius:5px; background:#4caf50; color:#fff; margin-top:10px;\">T\u00e9l\u00e9charger le certificat PDF<\/button>\n  <\/div>\n\n<\/div>\n\n<!-- jsPDF -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n\n<script>\nconst enigmes = [\n  {question:\"Je suis noir quand tu me nettoies et blanc quand tu m'utilises, qui suis-je ?\", reponse:\"ardoise\"},\n  {question:\"Plus je s\u00e8che, plus je deviens humide. Qui suis-je ?\", reponse:\"serviette\"},\n  {question:\"Je peux \u00eatre cass\u00e9 mais jamais tenu. Qui suis-je ?\", reponse:\"promesse\"},\n  {question:\"Je suis toujours devant vous mais jamais visible. Qui suis-je ?\", reponse:\"avenir\"},\n  {question:\"Qu'est-ce qui a des cl\u00e9s mais pas de portes ?\", reponse:\"piano\"},\n  {question:\"Je commence la nuit et disparais le matin. Qui suis-je ?\", reponse:\"etoile\"},\n  {question:\"Je suis l\u00e9ger comme une plume mais m\u00eame le plus fort ne peut me tenir longtemps. Qui suis-je ?\", reponse:\"souffle\"},\n  {question:\"Plus vous en retirez, plus je deviens grand. Qui suis-je ?\", reponse:\"trou\"}\n];\n\nlet currentCase=0, score=0, startTime=null, chronoInterval=null;\n\nconst plateau=document.getElementById('plateau');\nconst enigmeContainer=document.getElementById('enigme-container');\nconst enigmeText=document.getElementById('enigme-text');\nconst enigmeReponse=document.getElementById('enigme-reponse');\nconst submitReponse=document.getElementById('submit-reponse');\nconst scoreContainer=document.getElementById('score-container');\nconst scoreText=document.getElementById('score-text');\nconst chronoDisplay=document.getElementById('chronometre');\nconst downloadPdfBtn=document.getElementById('download-pdf');\nconst playerNameInput=document.getElementById('player-name');\n\n\/\/ Cr\u00e9ation du plateau\nenigmes.forEach((e,index)=>{\n  const div=document.createElement('div');\n  div.textContent='?';\n  div.style.background='#333';\n  div.style.color='#fff';\n  div.style.padding='30px 0';\n  div.style.borderRadius='10px';\n  div.style.fontWeight='bold';\n  div.style.fontSize='20px';\n  div.style.cursor='pointer';\n  div.style.transition='transform 0.3s';\n  div.addEventListener('mouseover',()=>div.style.transform='scale(1.1)');\n  div.addEventListener('mouseout',()=>div.style.transform='scale(1)');\n  div.addEventListener('click',()=>startEnigme(index,div));\n  plateau.appendChild(div);\n});\n\nfunction startEnigme(index, div){\n  if(currentCase!==index) return;\n  enigmeContainer.style.display='block';\n  enigmeText.textContent=enigmes[index].question;\n  enigmeReponse.value='';\n  enigmeReponse.focus();\n  if(!startTime){\n    startTime=new Date();\n    chronoInterval=setInterval(updateChrono,1000);\n  }\n}\n\nfunction updateChrono(){\n  const now=new Date();\n  const seconds=Math.floor((now-startTime)\/1000);\n  chronoDisplay.textContent=`Temps : ${seconds}s`;\n}\n\nsubmitReponse.addEventListener('click',()=>{\n  const reponse=enigmeReponse.value.trim().toLowerCase();\n  const div=plateau.children[currentCase];\n  if(reponse===enigmes[currentCase].reponse){\n    score+=10;\n    div.textContent='\u2713';\n    div.style.background='#4caf50';\n    currentCase++;\n    enigmeContainer.style.display='none';\n    if(currentCase===enigmes.length) endGame();\n  }else{\n    alert(\"R\u00e9ponse incorrecte. Essayez encore !\");\n  }\n});\n\nfunction endGame(){\n  clearInterval(chronoInterval);\n  const endTime=new Date();\n  const timeTaken=Math.floor((endTime-startTime)\/1000);\n  scoreText.textContent=`Score : ${score} points\\nTemps : ${timeTaken} secondes`;\n  scoreContainer.style.display='block';\n}\n\n\/\/ G\u00e9n\u00e9ration PDF\ndownloadPdfBtn.addEventListener('click',()=>{\n  const { jsPDF } = window.jspdf;\n  const doc = new jsPDF();\n  const playerName = playerNameInput.value || \"Anonyme\";\n  const now = new Date().toLocaleDateString();\n  const timeTaken = Math.floor((new Date() - startTime)\/1000);\n  \n  doc.setFontSize(22);\n  doc.setTextColor(255,76,76);\n  doc.text(\"Certificat de r\u00e9ussite\",105,30,null,null,\"center\");\n  \n  doc.setFontSize(16);\n  doc.setTextColor(0);\n  doc.text(`Nom du joueur : ${playerName}`,20,60);\n  doc.text(`Score : ${score} points`,20,75);\n  doc.text(`Temps : ${timeTaken} secondes`,20,90);\n  doc.text(`D\u00e9livr\u00e9 par : https:\/\/clubvivremieux.com\/`,20,105);\n  doc.text(`Date : ${now}`,20,120);\n  doc.text(`Cr\u00e9\u00e9 par Guido SAVERIO`,20,135);\n  \n  doc.save(`Certificat_${playerName}.pdf`);\n});\n<\/script>\n\n<style>\n#mur-maudit input{border-radius:5px;border:1px solid #ccc;}\n#mur-maudit button{border:none;border-radius:5px;background:#ff4c4c;color:#fff;padding:8px 15px;cursor:pointer;}\n#mur-maudit button:hover{background:#ff1c1c;}\n<\/style>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\ud83d\udca5 Test : Le Mur Maudit \u2013 \u00cates-vous pr\u00eat(e) ?<\/strong><\/h3>\n\n\n\n<p>Un mur myst\u00e9rieux vous attend\u2026 Chaque case cache une \u00e9nigme !<br>R\u00e9solvez-les toutes <strong>le plus vite possible<\/strong> pour tester votre logique et votre rapidit\u00e9.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Entrez votre nom et commencez le d\u00e9fi.<\/li>\n\n\n\n<li>Chaque bonne r\u00e9ponse vous rapproche de la victoire.<\/li>\n\n\n\n<li>Votre score et votre temps seront mesur\u00e9s automatiquement.<\/li>\n<\/ul>\n\n\n\n<p>\u00c0 la fin, recevez <strong>votre certificat PDF personnalis\u00e9<\/strong> avec votre nom, votre score, la date et la mention :<br><em>\u201cD\u00e9livr\u00e9 par <a href=\"https:\/\/clubvivremieux.com\/\">https:\/\/clubvivremieux.com\/<\/a> \u2013 Cr\u00e9\u00e9 par Guido SAVERIO\u201d<\/em><\/p>\n\n\n\n<p><strong>Pr\u00eat(e) \u00e0 relever le d\u00e9fi ? Cliquez sur \u201cCommencer\u201d et traversez le Mur Maudit !<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>(jeu d\u2019\u00e9nigmes en temps limit\u00e9) Plateau avec cases ferm\u00e9es.Chaque case \u2192 une \u00e9nigme.Le but : traverser le mur le plus vite possible. Le Mur Maudit Traversez le mur en r\u00e9solvant les \u00e9nigmes le plus vite possible ! Temps : 0s&#8230; <a href=\"https:\/\/clubvivremieux.com\/index.php\/le-defi-des-aventuriers-version-immersive\/\" class=\"readmore\">Read more<span class=\"screen-reader-text\">Le Mur Maudit &#8211; Jeux + certificat<\/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-1790","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1790","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=1790"}],"version-history":[{"count":8,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1790\/revisions"}],"predecessor-version":[{"id":1800,"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/pages\/1790\/revisions\/1800"}],"wp:attachment":[{"href":"https:\/\/clubvivremieux.com\/index.php\/wp-json\/wp\/v2\/media?parent=1790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}