{"id":17347,"date":"2025-11-10T12:46:45","date_gmt":"2025-11-10T12:46:45","guid":{"rendered":"https:\/\/visix.be\/?page_id=17347"},"modified":"2025-11-10T14:01:00","modified_gmt":"2025-11-10T14:01:00","slug":"rad","status":"publish","type":"page","link":"https:\/\/visix.be\/nl\/rad\/","title":{"rendered":"Visix Rad"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17347\" class=\"elementor elementor-17347\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b74e567 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b74e567\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce78262\" data-id=\"ce78262\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d6bbad1 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-template\" data-id=\"d6bbad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"section\" data-elementor-id=\"362\" class=\"elementor elementor-362\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-18474046 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"18474046\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-68b15ef9\" data-id=\"68b15ef9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-566ed32b elementor-align-left elementor-widget elementor-widget-breadcrumbs\" data-id=\"566ed32b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p id=\"breadcrumbs\"><span><span><a href=\"https:\/\/visix.be\/nl\/\">Home<\/a><\/span><\/span><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-010e24e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"010e24e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe8b35c\" data-id=\"fe8b35c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d6d0c0 elementor-widget elementor-widget-html\" data-id=\"9d6d0c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"display:flex; flex-direction:column; align-items:center; justify-content:center; height:100vh; background:#ffffff;\">\r\n  <!-- Rad -->\r\n  <canvas id=\"wheelCanvas\" width=\"600\" height=\"600\" style=\"border-radius:50%;\"><\/canvas>\r\n\r\n  <!-- Draai-knop -->\r\n  <button id=\"spinButton\" style=\"\r\n        margin-top:40px; \r\n        padding:20px 60px; \r\n        font-size:1.5rem; \r\n        background:#003d6e; \r\n        color:white; \r\n        border:none; \r\n        border-radius:0px; \r\n        cursor:pointer;\r\n  \">Draai aan het rad<\/button>\r\n\r\n  <!-- Groot resultaat -->\r\n  <div id=\"message\" style=\"\r\n        margin-top:40px; \r\n        font-size:2rem; \r\n        font-weight:bold; \r\n        color:#003d6e; \r\n        text-align:center;\r\n        min-height:60px;\r\n  \"><\/div>\r\n\r\n  <!-- Legenda -->\r\n  <div style=\"margin-top:30px; font-size:1.3rem; text-align:center; line-height:1.6;\">\r\n    <div>\ud83d\udd8a\ufe0f Visix balpen<\/div>\r\n    <div>\ud83d\udcb8 Kortingsvoucher \u20ac100 (elke 20e spin)<\/div>\r\n    <div>\ud83d\ude1e Helaas<\/div>\r\n    <div>\ud83d\ude22 Je hebt niets<\/div>\r\n    <div>\ud83d\udd04 Je mag nog een keer draaien<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst canvas = document.getElementById('wheelCanvas');\r\nconst ctx = canvas.getContext('2d');\r\nconst message = document.getElementById('message');\r\n\r\nlet startAngle = 0;\r\nlet spinning = false;\r\nlet spins = 0;\r\n\r\n\/\/ Segmenten met eigen iconen\r\nconst segments = [\r\n  {icon:\"https:\/\/visix.be\/wp-content\/uploads\/2025\/11\/balpenrev.png\", text:\"\ud83c\udf89 Proficiat! Je wint een Visix balpen!\"},\r\n  {icon:\"https:\/\/visix.be\/wp-content\/uploads\/2025\/11\/helaasrev.png\", text:\"\ud83d\ude1e Helaas, je hebt niets gewonnen\"},\r\n  {icon:\"https:\/\/visix.be\/wp-content\/uploads\/2025\/11\/nietsrev.png\", text:\"\ud83d\ude22 Je hebt niets gewonnen\"},\r\n  {icon:\"https:\/\/visix.be\/wp-content\/uploads\/2025\/11\/draairev.png\", text:\"\ud83d\udd04 Je mag nog een keer draaien\"},\r\n  {icon:\"https:\/\/visix.be\/wp-content\/uploads\/2025\/11\/brandrev.png\", text:\"\ud83d\ude1e Helaas, je hebt niets gewonnen\"},\r\n  {icon:\"https:\/\/visix.be\/wp-content\/uploads\/2025\/11\/voucherrev.png\", text:\"\ud83c\udf89 PROFICIAT! Jij wint een Kortingsvoucher \u20ac100! \ud83c\udf89\"}\r\n];\r\n\r\nconst colors = [\"#003d6e\", \"rgba(0,0,0,0.15)\", \"#003d6e\", \"rgba(0,0,0,0.15)\", \"#003d6e\", \"rgba(0,0,0,0.15)\"];\r\n\r\n\/\/ Teken rad\r\nfunction drawWheel(){\r\n  const arc = (2*Math.PI)\/segments.length;\r\n  ctx.clearRect(0,0,600,600);\r\n\r\n  for(let i=0;i<segments.length;i++){\r\n    const angle = startAngle + i*arc;\r\n\r\n    \/\/ sector\r\n    ctx.beginPath();\r\n    ctx.moveTo(300,300);\r\n    ctx.arc(300,300,300,angle, angle+arc);\r\n    ctx.fillStyle = colors[i];\r\n    ctx.fill();\r\n    ctx.strokeStyle = \"#003d6e\";\r\n    ctx.lineWidth = 4;\r\n    ctx.stroke();\r\n\r\n    \/\/ icoon tekenen (nu groter)\r\n    const img = new Image();\r\n    img.src = segments[i].icon;\r\n    img.onload = (function(angle, img){\r\n      return function(){\r\n        ctx.save();\r\n        ctx.translate(300,300);\r\n        ctx.rotate(angle + arc\/2);\r\n        ctx.drawImage(img, 190 - 48, -48, 96, 96); \/\/ 96x96 px icoon, radius 190\r\n        ctx.restore();\r\n      }\r\n    })(angle, img);\r\n  }\r\n}\r\n\r\ndrawWheel();\r\n\r\n\/\/ Draai rad\r\nfunction spinWheel(){\r\n  if(spinning) return;\r\n  spinning = true;\r\n  spins++;\r\n\r\n  let spinDeg;\r\n  \/\/ Elke 20e spin = voucher\r\n  if(spins % 20 === 0){\r\n    spinDeg = 3600 + Math.random()*60; \/\/ voucher\r\n  } else {\r\n    spinDeg = 3600 + Math.random()*360; \/\/ willekeurig vakje\r\n  }\r\n\r\n  const spinRad = spinDeg * Math.PI\/180;\r\n  const duration = 4000;\r\n  const startTime = performance.now();\r\n  const initialAngle = startAngle;\r\n\r\n  function animate(now){\r\n    const elapsed = now - startTime;\r\n    const t = Math.min(elapsed\/duration,1);\r\n    const eased = 1 - Math.pow(1-t,3);\r\n    startAngle = initialAngle + spinRad*eased;\r\n    drawWheel();\r\n    if(t<1){\r\n      requestAnimationFrame(animate);\r\n    } else {\r\n      const arc = (2*Math.PI)\/segments.length;\r\n      const sector = Math.floor(((startAngle%(2*Math.PI))\/arc)) % segments.length;\r\n\r\n      if(spins % 20 === 0){\r\n        message.textContent = \"\ud83c\udf89 PROFICIAT! Jij wint een Kortingsvoucher \u20ac100! \ud83c\udf89\";\r\n      } else {\r\n        message.textContent = segments[sector].text;\r\n      }\r\n\r\n      spinning = false;\r\n    }\r\n  }\r\n\r\n  requestAnimationFrame(animate);\r\n}\r\n\r\ndocument.getElementById(\"spinButton\").addEventListener(\"click\", spinWheel);\r\ndocument.addEventListener('keydown', e=>{if(e.code==='Enter') spinWheel();});\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Draai aan het rad \ud83d\udd8a\ufe0f Visix balpen \ud83d\udcb8 Kortingsvoucher \u20ac100 (elke 20e spin) \ud83d\ude1e Helaas \ud83d\ude22 Je hebt niets \ud83d\udd04 Je mag nog een keer draaien<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"content-type":"","footnotes":""},"class_list":["post-17347","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Visix Rad | Visix<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/visix.be\/nl\/rad\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visix Rad | Visix\" \/>\n<meta property=\"og:description\" content=\"Draai aan het rad \ud83d\udd8a\ufe0f Visix balpen \ud83d\udcb8 Kortingsvoucher \u20ac100 (elke 20e spin) \ud83d\ude1e Helaas \ud83d\ude22 Je hebt niets \ud83d\udd04 Je mag nog een keer draaien\" \/>\n<meta property=\"og:url\" content=\"https:\/\/visix.be\/nl\/rad\/\" \/>\n<meta property=\"og:site_name\" content=\"Visix\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-10T14:01:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/visix.be\\\/nl\\\/rad\\\/\",\"url\":\"https:\\\/\\\/visix.be\\\/nl\\\/rad\\\/\",\"name\":\"Visix Rad | Visix\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/visix.be\\\/nl\\\/#website\"},\"datePublished\":\"2025-11-10T12:46:45+00:00\",\"dateModified\":\"2025-11-10T14:01:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/visix.be\\\/nl\\\/rad\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/visix.be\\\/nl\\\/rad\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/visix.be\\\/nl\\\/rad\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/visix.be\\\/nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visix Rad\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/visix.be\\\/nl\\\/#website\",\"url\":\"https:\\\/\\\/visix.be\\\/nl\\\/\",\"name\":\"Visix\",\"description\":\"We Make Your Brand Shine!\",\"publisher\":{\"@id\":\"https:\\\/\\\/visix.be\\\/nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/visix.be\\\/nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/visix.be\\\/nl\\\/#organization\",\"name\":\"Visix\",\"url\":\"https:\\\/\\\/visix.be\\\/nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/visix.be\\\/nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/visix.be\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/VISIX-logo-2026-white.svg\",\"contentUrl\":\"https:\\\/\\\/visix.be\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/VISIX-logo-2026-white.svg\",\"width\":518,\"height\":307,\"caption\":\"Visix\"},\"image\":{\"@id\":\"https:\\\/\\\/visix.be\\\/nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visix Rad | Visix","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/visix.be\/nl\/rad\/","og_locale":"nl_NL","og_type":"article","og_title":"Visix Rad | Visix","og_description":"Draai aan het rad \ud83d\udd8a\ufe0f Visix balpen \ud83d\udcb8 Kortingsvoucher \u20ac100 (elke 20e spin) \ud83d\ude1e Helaas \ud83d\ude22 Je hebt niets \ud83d\udd04 Je mag nog een keer draaien","og_url":"https:\/\/visix.be\/nl\/rad\/","og_site_name":"Visix","article_modified_time":"2025-11-10T14:01:00+00:00","twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/visix.be\/nl\/rad\/","url":"https:\/\/visix.be\/nl\/rad\/","name":"Visix Rad | Visix","isPartOf":{"@id":"https:\/\/visix.be\/nl\/#website"},"datePublished":"2025-11-10T12:46:45+00:00","dateModified":"2025-11-10T14:01:00+00:00","breadcrumb":{"@id":"https:\/\/visix.be\/nl\/rad\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/visix.be\/nl\/rad\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/visix.be\/nl\/rad\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/visix.be\/nl\/"},{"@type":"ListItem","position":2,"name":"Visix Rad"}]},{"@type":"WebSite","@id":"https:\/\/visix.be\/nl\/#website","url":"https:\/\/visix.be\/nl\/","name":"Visix","description":"We Make Your Brand Shine!","publisher":{"@id":"https:\/\/visix.be\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/visix.be\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/visix.be\/nl\/#organization","name":"Visix","url":"https:\/\/visix.be\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/visix.be\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/visix.be\/wp-content\/uploads\/2022\/11\/VISIX-logo-2026-white.svg","contentUrl":"https:\/\/visix.be\/wp-content\/uploads\/2022\/11\/VISIX-logo-2026-white.svg","width":518,"height":307,"caption":"Visix"},"image":{"@id":"https:\/\/visix.be\/nl\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/visix.be\/nl\/wp-json\/wp\/v2\/pages\/17347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visix.be\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visix.be\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visix.be\/nl\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/visix.be\/nl\/wp-json\/wp\/v2\/comments?post=17347"}],"version-history":[{"count":76,"href":"https:\/\/visix.be\/nl\/wp-json\/wp\/v2\/pages\/17347\/revisions"}],"predecessor-version":[{"id":17448,"href":"https:\/\/visix.be\/nl\/wp-json\/wp\/v2\/pages\/17347\/revisions\/17448"}],"wp:attachment":[{"href":"https:\/\/visix.be\/nl\/wp-json\/wp\/v2\/media?parent=17347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}