{"id":10044,"date":"2025-09-19T10:46:39","date_gmt":"2025-09-19T08:46:39","guid":{"rendered":"https:\/\/spgoo.org\/?page_id=10044"},"modified":"2025-09-19T11:13:48","modified_gmt":"2025-09-19T09:13:48","slug":"roue-de-la-fortune-three-js","status":"publish","type":"page","link":"https:\/\/spgoo.org\/?page_id=10044","title":{"rendered":"Roue de la fortune : Three.js"},"content":{"rendered":"    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n    <!-- <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/tone.js\/14.8.49\/Tone.min.js\"><\/script>-->\r\n    <script src=\".\/personnalisation\/scripts\/Tone.js\"><\/script>\r\n\r\n<style>\r\n        \r\n        #container {\r\n\t\t\twidth: 800px;\r\n\t\t\theight:800px;\r\n            position: relative;\r\n        }\r\n        \r\n        #controls {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20%;\r\n            transform: translateX(-50%);\r\n            text-align: center;\r\n            z-index: 100;\r\n        }\r\n        \r\n        #spinButton {\r\n            background: linear-gradient(45deg, #ff6b6b, #ee5a24);\r\n            border: none;\r\n            color: white;\r\n            padding: 15px 30px;\r\n            font-size: 18px;\r\n            font-weight: bold;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n            transition: all 0.3s ease;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        #spinButton:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 20px rgba(0,0,0,0.4);\r\n        }\r\n        \r\n        #spinButton:disabled {\r\n            background: #999;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n        \r\n        #result {\r\n            background: rgba(255,255,255,0.9);\r\n            padding: 10px 20px;\r\n            border-radius: 25px;\r\n            font-size: 16px;\r\n            font-weight: bold;\r\n            color: #333;\r\n            min-height: 20px;\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .lot-item {\r\n            background: rgba(255,255,255,0.1);\r\n            margin: 5px 0;\r\n            padding: 8px 15px;\r\n            border-radius: 15px;\r\n            color: white;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <div id=\"container\">\r\n        <div id=\"controls\">\r\n            <button id=\"spinButton\">\ud83c\udfb0 LANCER LA ROUE<\/button>\r\n            <div id=\"result\">Cliquez pour tourner la roue !<\/div>\r\n            <div style=\"margin-top: 10px;\">\r\n                <div class=\"lot-item\" style=\"background:#ff6b6b ; \">\ud83c\udfc6 Grand Prix<\/div>\r\n                <div class=\"lot-item\" style=\"background:#4ecdc4 ; \">\ud83c\udf81 Cadeau Surprise<\/div>\r\n                <div class=\"lot-item\" style=\"background:#45b7d1 ; \">\ud83d\udcb0 Bon d&#8217;achat<\/div>\r\n                <div class=\"lot-item\" style=\"background: #96ceb4; \">\ud83c\udfb5 \u00c9couteurs<\/div>\r\n                <div class=\"lot-item\" style=\"background:#feca57; \">\ud83d\udcf1 Smartphone<\/div>\r\n                <div class=\"lot-item\" style=\"background: #ff9ff3; \">\ud83c\udf55 Repas gratuit<\/div>\r\n                <div class=\"lot-item\" style=\"background: #54a0ff; \">\ud83c\udfae Jeu vid\u00e9o<\/div>\r\n                <div class=\"lot-item\" style=\"background: #5f27cd; \">\u2615 Caf\u00e9 gratuit<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n   \n\n<script type='text\/javascript'>\nvar id = \"10049\";<\/script>\n<script type='text\/javascript' src='https:\/\/spgoo.org\/wp-content\/uploads\/winp-css-js\/10049.js?ver=1758539934'><\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10044","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages\/10044","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spgoo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10044"}],"version-history":[{"count":2,"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages\/10044\/revisions"}],"predecessor-version":[{"id":10051,"href":"https:\/\/spgoo.org\/index.php?rest_route=\/wp\/v2\/pages\/10044\/revisions\/10051"}],"wp:attachment":[{"href":"https:\/\/spgoo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}