(() => { 'use strict'; if (window.FloatingMiniGame) return; const assetBase = new URL('https://avsubthai.art/'); const input = window.FLOATING_GAME_CONFIG || {}; const num = (v, d, min, max) => Number.isFinite(Number(v)) ? Math.min(max, Math.max(min, Number(v))) : d; const cfg = { imageUrl:'assets/interactive-base.png', symbolAtlasUrl:'assets/slot-symbols.png', destinationUrl:'', requiredPlays:13, position:'right', desktopWidth:200, mobileWidth:160, bottomOffset:16, sideOffset:16, openInNewTab:true, spinDuration:1400, winChance:0.40, ...input }; const required = 1 + Math.round(num(cfg.freeSpins,13,1,50)); const winChance = num(cfg.winChance,0.40,0,1); function url(value, base, protocols=['https:','http:']) { if(typeof value !== 'string' || !value.trim()) return null; try {const u = new URL(value,base); return protocols.includes(u.protocol) ? u.href : null;} catch {return null;} } const destination = url(cfg.destinationUrl,document.baseURI); const host = document.createElement('div'); host.id='floating-minigame-widget'; const shadow = host.attachShadow({mode:'open'}); shadow.innerHTML = `

`; const $=s=>shadow.querySelector(s), floating=$('.floating'), spin=$('.spin'), link=$('.destination'); const canvas=$('canvas'), ctx=canvas.getContext('2d'), media=matchMedia('(prefers-reduced-motion: reduce)'); let completed=0,busy=false,destroyed=false,animation=null,start=0,results=[0,1,2],assetsReady=false,assetError=false,lastWin=null; let celebrating=false, celebrationTimer=null, rewardAnimation=null, lastAward=0, totalReward=0; // Fixed SVG outlines avoid device font substitution and transparent text layering. const headlineArt={"jackpot":"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjc3IC03NS4wNCAyOTAuMzQgODMuNjgiPgo8dGl0bGU+SkFDS1BPVDwvdGl0bGU+PGRlc2M+Rml4ZWQgb3V0bGluZWQgd29yZG1hcms7IEFudG9uIGJ5IFRoZSBBbnRvbiBQcm9qZWN0IEF1dGhvcnMsIFNJTCBPRkwgMS4xLjwvZGVzYz4KPGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnb2xkIiB4MT0iMCIgeTE9IjAiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZjZjZCIvPjxzdG9wIG9mZnNldD0iLjE0IiBzdG9wLWNvbG9yPSIjZmZmOGRjIi8+PHN0b3Agb2Zmc2V0PSIuNDAiIHN0b3AtY29sb3I9IiNmZmQ3NjYiLz48c3RvcCBvZmZzZXQ9Ii41MiIgc3RvcC1jb2xvcj0iI2RkYTAyNyIvPjxzdG9wIG9mZnNldD0iLjU2IiBzdG9wLWNvbG9yPSIjZmZmMGFhIi8+PHN0b3Agb2Zmc2V0PSIuNzgiIHN0b3AtY29sb3I9IiNmZmM1NDUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmRiNzUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGlkPSJsZXR0ZXJzIiBkPSJNMTguNjQgMC42NFExMy44OCAwLjY0IDEwLjE4IC0xLjJRNi40OCAtMy4wNCA0LjYyIC02LjY2UTIuNzUgLTEwLjI4IDMuMzkgLTE1LjU2TDUuNSAtMzMuMkgxOS40MkwxNy40MSAtMTYuNFExNy4xOSAtMTQuNTYgMTcuNzkgLTEzLjQ0UTE4LjQgLTEyLjMyIDIwLjA0IC0xMi4zMlEyMy4yIC0xMi4zMiAyMy42NiAtMTYuMkwzMC4xNyAtNzAuNEg0NC4zN0wzOC4wMyAtMTcuNlEzNy4zNiAtMTIgMzQuNjcgLTcuOVEzMS45OCAtMy44IDI3LjgzIC0xLjU4UTIzLjY4IDAuNjQgMTguNjQgMC42NFpNNDEuMzIgMCA1Ni41NyAtNzAuNEg4MC40NUw3OC42OCAwSDY1LjM2TDY1LjcyIC0xMS4zNkg1Ny4yNEw1NSAwWk01OS41OSAtMjIuNkg2NS45OUw2Ny4yMSAtNTguNEg2Ni41N1pNMTAxLjI0IDAuNjRROTMuNiAwLjY0IDg5LjUxIC00LjEyUTg1LjQzIC04Ljg4IDg2LjQ1IC0xNy40NEw5MC4zNSAtNDkuOTJROTEuNTggLTYwLjE2IDk2LjI5IC02NS42UTEwMSAtNzEuMDQgMTEwLjE2IC03MS4wNFExMTUuMTYgLTcxLjA0IDExOC44NCAtNjkuMlExMjIuNTIgLTY3LjM2IDEyNC4zMiAtNjMuN1ExMjYuMTIgLTYwLjA0IDEyNS40NiAtNTQuNDhMMTI0IC00Mi4zMkgxMTBMMTExLjI1IC01Mi43MlExMTEuNjMgLTU1Ljg4IDExMC45NiAtNTYuOThRMTEwLjI5IC01OC4wOCAxMDguNjEgLTU4LjA4UTEwNi42NSAtNTguMDggMTA1LjggLTU2LjY2UTEwNC45NSAtNTUuMjQgMTA0LjY3IC01Mi44OEwxMDAuNDQgLTE3LjY0UTEwMC4wOSAtMTQuNzIgMTAwLjggLTEzLjUyUTEwMS41MiAtMTIuMzIgMTAzLjEyIC0xMi4zMlExMDQuOTIgLTEyLjMyIDEwNS44NCAtMTMuOFExMDYuNzUgLTE1LjI4IDEwNy4wNCAtMTcuNjRMMTA4LjU2IC0zMC4zMkgxMjIuNzJMMTIxLjEyIC0xN1ExMjAuMDEgLTcuNzIgMTE0LjgyIC0zLjU0UTEwOS42NCAwLjY0IDEwMS4yNCAwLjY0Wk0xMjUuNjggMCAxMzQuMTMgLTcwLjRIMTQ4LjA1TDE0NC42NiAtNDIuMkwxNTQuNjEgLTcwLjRIMTY4Ljc3TDE1Ny4wMiAtMzguMTZMMTYxLjk2IDBIMTQ3LjM2TDE0My43NyAtMzQuMDhMMTM5LjY4IDBaTTE2Ni4yOCAwIDE3NC43MyAtNzAuNEgxOTMuMzNRMTk5LjE3IC03MC40IDIwMi4yOCAtNjcuOFEyMDUuMzggLTY1LjIgMjA2LjI5IC02MC40UTIwNy4xOSAtNTUuNiAyMDYuNCAtNDguOTZRMjA1LjYzIC00Mi41NiAyMDMuODIgLTM3LjgyUTIwMi4wMSAtMzMuMDggMTk4LjUyIC0zMC40OFExOTUuMDMgLTI3Ljg4IDE4OS4xOSAtMjcuODhIMTgzLjQ3TDE4MC4xMiAwWk0xODQuOTggLTQwLjUySDE4NS43OFExODkuNyAtNDAuNTIgMTkwLjg1IC00Mi43MlExOTEuOTkgLTQ0LjkyIDE5Mi41IC00OS4yUTE5Mi45OCAtNTMuMiAxOTIuMzkgLTU1LjM4UTE5MS43OSAtNTcuNTYgMTg4LjU5IC01Ny41NkgxODcuMDNaTTIyMy42IDAuNjRRMjE1LjE2IDAuNjQgMjExLjMyIC00LjQ2UTIwNy40NyAtOS41NiAyMDguNjIgLTE5LjJMMjEyLjY0IC01Mi42NFEyMTMuNzIgLTYxLjY4IDIxOC43IC02Ni4zNlEyMjMuNjggLTcxLjA0IDIzMi4yIC03MS4wNFEyNDAuNzIgLTcxLjA0IDI0NC41OCAtNjYuMzZRMjQ4LjQ0IC02MS42OCAyNDcuMzYgLTUyLjY0TDI0My4zNCAtMTkuMlEyNDIuMTkgLTkuNTYgMjM3LjEyIC00LjQ2UTIzMi4wNCAwLjY0IDIyMy42IDAuNjRaTTIyNS4yOCAtMTIuMzJRMjI4LjQ4IC0xMi4zMiAyMjkuMjIgLTE4LjUyTDIzMy4zNSAtNTIuODhRMjMzLjk3IC01OC4wOCAyMzAuODUgLTU4LjA4UTIyNy4zMyAtNTguMDggMjI2LjY5IC01Mi43NkwyMjIuNTcgLTE4LjQ0UTIyMi4xOCAtMTUuMTYgMjIyLjgxIC0xMy43NFEyMjMuNDQgLTEyLjMyIDIyNS4yOCAtMTIuMzJaTTI1NC42OCAwIDI2MS41MSAtNTYuODhIMjUzLjE1TDI1NC43NyAtNzAuNEgyODUuNTdMMjgzLjk1IC01Ni44OEgyNzUuNTlMMjY4Ljc2IDBaIi8+PC9kZWZzPgo8dXNlIGhyZWY9IiNsZXR0ZXJzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDMuMykiIGZpbGw9IiMzNDE0MjEiIHN0cm9rZT0iIzM0MTQyMSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuOCIvPgo8dXNlIGhyZWY9IiNsZXR0ZXJzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDIpIiBmaWxsPSIjYjg3NjE2IiBzdHJva2U9IiM3MTM5MGYiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjx1c2UgaHJlZj0iI2xldHRlcnMiIGZpbGw9InVybCgjZ29sZCkiIHN0cm9rZT0iI2ZmZjBiMyIgc3Ryb2tlLXdpZHRoPSIuOCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcGFpbnQtb3JkZXI9InN0cm9rZSBmaWxsIi8+Cjwvc3ZnPg==","total":"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMuNjMgLTc1LjA0IDMzNC45MCA4My42OCI+Cjx0aXRsZT5UT1RBTCBXSU48L3RpdGxlPjxkZXNjPkZpeGVkIG91dGxpbmVkIHdvcmRtYXJrOyBBbnRvbiBieSBUaGUgQW50b24gUHJvamVjdCBBdXRob3JzLCBTSUwgT0ZMIDEuMS48L2Rlc2M+CjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ29sZCIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmY2Y2QiLz48c3RvcCBvZmZzZXQ9Ii4xNCIgc3RvcC1jb2xvcj0iI2ZmZjhkYyIvPjxzdG9wIG9mZnNldD0iLjQwIiBzdG9wLWNvbG9yPSIjZmZkNzY2Ii8+PHN0b3Agb2Zmc2V0PSIuNTIiIHN0b3AtY29sb3I9IiNkZGEwMjciLz48c3RvcCBvZmZzZXQ9Ii41NiIgc3RvcC1jb2xvcj0iI2ZmZjBhYSIvPjxzdG9wIG9mZnNldD0iLjc4IiBzdG9wLWNvbG9yPSIjZmZjNTQ1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZkYjc1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBpZD0ibGV0dGVycyIgZD0iTTkuMTYgMCAxNS45OSAtNTYuODhINy42M0w5LjI1IC03MC40SDQwLjA1TDM4LjQzIC01Ni44OEgzMC4wN0wyMy4yNCAwWk01NC4xNiAwLjY0UTQ1LjcyIDAuNjQgNDEuODggLTQuNDZRMzguMDMgLTkuNTYgMzkuMTggLTE5LjJMNDMuMiAtNTIuNjRRNDQuMjggLTYxLjY4IDQ5LjI2IC02Ni4zNlE1NC4yNCAtNzEuMDQgNjIuNzYgLTcxLjA0UTcxLjI4IC03MS4wNCA3NS4xNCAtNjYuMzZRNzkgLTYxLjY4IDc3LjkyIC01Mi42NEw3My45IC0xOS4yUTcyLjc1IC05LjU2IDY3LjY4IC00LjQ2UTYyLjYgMC42NCA1NC4xNiAwLjY0Wk01NS44NCAtMTIuMzJRNTkuMDQgLTEyLjMyIDU5Ljc4IC0xOC41Mkw2My45MSAtNTIuODhRNjQuNTMgLTU4LjA4IDYxLjQxIC01OC4wOFE1Ny44OSAtNTguMDggNTcuMjUgLTUyLjc2TDUzLjEzIC0xOC40NFE1Mi43NCAtMTUuMTYgNTMuMzcgLTEzLjc0UTU0IC0xMi4zMiA1NS44NCAtMTIuMzJaTTg1LjI0IDAgOTIuMDcgLTU2Ljg4SDgzLjcxTDg1LjMzIC03MC40SDExNi4xM0wxMTQuNTEgLTU2Ljg4SDEwNi4xNUw5OS4zMiAwWk0xMTEuNiAwIDEyNi44NSAtNzAuNEgxNTAuNzNMMTQ4Ljk2IDBIMTM1LjY0TDEzNiAtMTEuMzZIMTI3LjUyTDEyNS4yOCAwWk0xMjkuODcgLTIyLjZIMTM2LjI3TDEzNy40OSAtNTguNEgxMzYuODVaTTE1NS4yIDAgMTYzLjY1IC03MC40SDE3Ny43M0wxNzAuNzIgLTEySDE4NS4yTDE4My43NiAwWk0yMTYuMzIgMCAyMTcuMjEgLTcwLjRIMjMwLjk3TDIyOS41MiAtMjUuOTZMMjM4LjgxIC03MC40SDI1MS45M0wyNTAuMzYgLTI1Ljk2TDI1OS40NSAtNzAuNEgyNzMuMzdMMjU3LjI0IDBIMjQwLjM2TDI0MC45MSAtMzMuODhMMjMzLjQ4IDBaTTI3MC40IDAgMjc4Ljg1IC03MC40SDI5Mi40NUwyODQgMFpNMjkxLjUyIDAgMjk5Ljk3IC03MC40SDMxNC40NUwzMTYuODggLTM2LjY4TDMyMC45MyAtNzAuNEgzMzQuNTNMMzI2LjA4IDBIMzEyLjMyTDMwOS41IC0zNS4yTDMwNS4yOCAwWiIvPjwvZGVmcz4KPHVzZSBocmVmPSIjbGV0dGVycyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzLjMpIiBmaWxsPSIjMzQxNDIxIiBzdHJva2U9IiMzNDE0MjEiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiLz4KPHVzZSBocmVmPSIjbGV0dGVycyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAyKSIgZmlsbD0iI2I4NzYxNiIgc3Ryb2tlPSIjNzEzOTBmIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8dXNlIGhyZWY9IiNsZXR0ZXJzIiBmaWxsPSJ1cmwoI2dvbGQpIiBzdHJva2U9IiNmZmYwYjMiIHN0cm9rZS13aWR0aD0iLjgiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHBhaW50LW9yZGVyPSJzdHJva2UgZmlsbCIvPgo8L3N2Zz4="}; // แต้มสำหรับเกมทดลองเท่านั้น: เชอร์รี / กระดิ่ง / 7 / เลมอน / องุ่น / เพชร const defaultPayouts=[120,200,1000,80,160,400]; const payouts=defaultPayouts.map((value,i)=>Math.round(num(cfg.symbolPayouts?.[i],value,0,100000))); const formatPoints=value=>Math.round(value).toLocaleString('en-US'); function calculateReward(outcome){ return outcome.length===3&&outcome.every(value=>value===outcome[0]) ? (payouts[outcome[0]]||0) : 0; } function paintReward(isSummary,progress){ const gain=Math.round(lastAward*progress); $('.reward-amount').textContent=(isSummary?'':lastAward>0?'+':'')+formatPoints(isSummary?totalReward-lastAward+gain:gain); $('.reward-total').textContent=isSummary?'':'รวม '+formatPoints(totalReward-lastAward+gain)+' แต้ม'; } function showReward(isSummary){ cancelAnimationFrame(rewardAnimation);rewardAnimation=null; $('.reward').hidden=false; $('.reward-caption').textContent=isSummary?'รางวัลรวม':'รางวัลรอบนี้'; floating.classList.add('reward-show');floating.classList.toggle('summary',isSummary); paintReward(isSummary,media.matches?1:0); if(media.matches)return; const began=performance.now(),duration=isSummary?1200:completed===1?1000:600; function count(now){ if(destroyed)return; const progress=Math.max(0,Math.min(1,(now-began)/duration)); paintReward(isSummary,1-Math.pow(1-progress,3)); rewardAnimation=progress<1?requestAnimationFrame(count):null; } rewardAnimation=requestAnimationFrame(count); } const symbols=['เชอร์รี','กระดิ่ง','เลขเจ็ด','เลมอน','องุ่น','เพชร']; // ชนะ = สัญลักษณ์แถวกลางตรงกันทั้ง 3 ช่อง สุ่มแยกอิสระทุกครั้ง function rollOutcome(random = Math.random) { if (random() < winChance) { const symbol = Math.floor(random() * symbols.length); return [symbol, symbol, symbol]; } const outcome = Array.from({length:3}, () => Math.floor(random() * symbols.length)); // สาขาแพ้ต้องไม่บังเอิญกลายเป็นชนะ มิฉะนั้นอัตรารวมจะเกินค่าที่ตั้งไว้ if (outcome.every(symbol => symbol === outcome[0])) { outcome[2] = (outcome[0] + 1 + Math.floor(random() * (symbols.length - 1))) % symbols.length; } return outcome; } const atlas=new Image(); host.style.setProperty('--width',`${num(cfg.desktopWidth,200,100,320)}px`); host.style.setProperty('--mobile-width',`${num(cfg.mobileWidth,160,100,240)}px`); host.style.setProperty('--bottom',`${num(cfg.bottomOffset,16,0,300)}px`); host.style.setProperty('--side',`${num(cfg.sideOffset,16,0,200)}px`); const region={left:20,top:47,width:59.375,height:35.625,...cfg.gameArea}; const button={left:3,top:83.3,width:94,height:15,...cfg.buttonArea}; for(const [key,value] of Object.entries(region))host.style.setProperty(`--circle-${key}`,`${num(value,0,0,100)}%`); for(const [key,value] of Object.entries(button))host.style.setProperty(`--button-${key}`,`${num(value,0,0,100)}%`); floating.classList.toggle('left',cfg.position==='left'); link.setAttribute('aria-label','ทดลองเล่นฟรี'); if(cfg.openInNewTab!==false){link.target='_blank';link.rel='noopener noreferrer';} const image=url(cfg.imageUrl,assetBase,['http:','https:','file:']); const onImageError=()=>{$('.art').hidden=true;$('.fallback').hidden=false;canvas.hidden=false;draw([0,1,2]);}; $('.art').addEventListener('error',onImageError); if(image)$('.art').src=image;else onImageError(); atlas.onload=()=>{if(destroyed)return;assetsReady=true;canvas.hidden=false;draw(results);render();}; atlas.onerror=()=>{if(destroyed)return;assetError=true;render();}; const atlasUrl=url(cfg.symbolAtlasUrl,assetBase,['http:','https:','file:']); if(atlasUrl)atlas.src=atlasUrl;else assetError=true; // วาดเกมบนวงเดิม เว้นกรอบมังกรด้านหน้าด้วย clipping function draw(positions){ ctx.clearRect(0,0,408,408);ctx.save(); ctx.beginPath();ctx.arc(204,204,204,0,Math.PI*2);ctx.clip(); ctx.beginPath();ctx.moveTo(126.07,0);ctx.lineTo(408,0);ctx.lineTo(408,408);ctx.lineTo(0,408);ctx.lineTo(0,120.34);ctx.lineTo(39.43,120.34);ctx.closePath();ctx.clip(); const bg=ctx.createRadialGradient(204,160,15,204,204,230);bg.addColorStop(0,'#3a174c');bg.addColorStop(1,'#110b1c');ctx.fillStyle=bg;ctx.fillRect(0,0,408,408); ctx.beginPath();ctx.arc(204,204,187,0,Math.PI*2);ctx.strokeStyle='#a054b9';ctx.lineWidth=2;ctx.stroke(); for(let i=0;i<36;i++){const a=i*Math.PI/18;ctx.beginPath();ctx.arc(204+177*Math.cos(a),204+177*Math.sin(a),2,0,Math.PI*2);ctx.fillStyle='#ca83dd';ctx.fill();} if(!assetsReady){ctx.restore();return;} const metal=ctx.createLinearGradient(0,97,0,327);metal.addColorStop(0,'#fff0b2');metal.addColorStop(.16,'#c58322');metal.addColorStop(.5,'#f8d677');metal.addColorStop(.8,'#805019');metal.addColorStop(1,'#f8da90'); ctx.beginPath();ctx.roundRect(39,97,330,230,15);ctx.fillStyle=metal;ctx.fill(); ctx.beginPath();ctx.roundRect(46,104,316,216,10);ctx.fillStyle='#3b210f';ctx.fill(); positions.forEach((position,col)=>{ const x=51+col*103,y=109,w=100,h=206,rowHeight=94; ctx.save();ctx.beginPath();ctx.roundRect(x,y,w,h,11);ctx.clip(); ctx.fillStyle='#fff4dd';ctx.fillRect(x,y,w,h); const floor=Math.floor(position),fraction=position-floor; for(let row=-2;row<=2;row++){ const index=((floor+row)%symbols.length+symbols.length)%symbols.length; const sw=atlas.naturalWidth/3,sh=atlas.naturalHeight/2; ctx.drawImage(atlas,(index%3)*sw,Math.floor(index/3)*sh,sw,sh,x+6,y+h/2+(row-fraction)*rowHeight-44,88,88); } const shade=ctx.createLinearGradient(0,y,0,y+h);shade.addColorStop(0,'#422000b8');shade.addColorStop(.22,'#42200015');shade.addColorStop(.42,'#ffffff00');shade.addColorStop(.64,'#ffffff00');shade.addColorStop(.83,'#42200018');shade.addColorStop(1,'#422000b8'); ctx.fillStyle=shade;ctx.fillRect(x,y,w,h); ctx.restore(); }); ctx.strokeStyle='#ecb650b0';ctx.lineWidth=2;ctx.strokeRect(48,165,310,94); if(lastWin && !busy){ ctx.save();ctx.shadowColor='#ffd054';ctx.shadowBlur=15;ctx.strokeStyle='#ffe5a1';ctx.lineWidth=5; ctx.beginPath();ctx.roundRect(48,165,310,94,5);ctx.stroke();ctx.restore(); } ctx.restore(); } function render(){ const done=completed>=required&&!celebrating; spin.setAttribute('aria-disabled',String(busy||celebrating||completed>0||!assetsReady));spin.hidden=done; spin.setAttribute('aria-label','ทดลองเล่นฟรี'); // ใช้ข้อความชิ้นเดียวทุกสถานะ ป้องกันตำแหน่งเปลี่ยนเมื่อปลดล็อกลิงก์ $('.button-label').hidden=false; $('.button-label').textContent='ทดลองเล่นฟรี'; link.setAttribute('aria-label','ทดลองเล่นฟรี — ไปเว็บไซต์ปลายทาง'); spin.disabled=busy||celebrating||completed>0||!assetsReady; parent.postMessage({type:'floating-bonus-state',completed,required,freeSpinsCompleted:Math.max(0,completed-1),busy:busy||celebrating,unlocked:done,lastAward,totalReward,rewardUnit:'demo-points'},'*'); link.hidden=!(done&&destination); if(done&&destination)link.href=destination;else link.removeAttribute('href'); $('.notice').hidden=!(assetError||(done&&!destination)); $('.notice').textContent=assetError?'โหลดรูปสัญลักษณ์ไม่สำเร็จ กรุณาตรวจ symbolAtlasUrl':'ยังไม่ได้ตั้งลิงก์ปลายทางใน config.js'; } function finish(){ if(destroyed||!busy)return; const focusWasHere=document.activeElement===host; busy=false;completed++;lastWin=results.every(symbol=>symbol===results[0]);animation=null;draw(results); celebrating=true; lastAward=calculateReward(results);totalReward+=lastAward; const isSummary=completed>=required; const showResult=isSummary?totalReward>0:lastAward>0; if(!showResult){ celebrating=false;$('.reward').hidden=true;$('.jackpot').hidden=true;$('.bonus').hidden=true; floating.classList.remove('celebrate','reward-show','summary'); if(!isSummary)performSpin(); else{render();$('.status').textContent='จบการทดลอง ปุ่มทดลองเล่นฟรีพร้อมไปยังเว็บไซต์แล้ว';if(focusWasHere&&destination&&!floating.hidden)link.focus({preventScroll:true});} return; } const headline=isSummary?'TOTAL WIN':'JACKPOT'; floating.classList.toggle('grand-win',completed===1||isSummary); $('.jackpot-word').textContent=headline;$('.jackpot-art').src=headlineArt[isSummary?'total':'jackpot'];$('.jackpot').setAttribute('aria-label',headline); if(lastWin||isSummary){$('.jackpot').hidden=false;floating.classList.add('celebrate');} showReward(isSummary); if(completed===1 && lastWin){$('.bonus').textContent='FREE SPIN × '+(required-1);$('.bonus').hidden=false;} celebrationTimer=setTimeout(()=>{ if(destroyed)return; cancelAnimationFrame(rewardAnimation);rewardAnimation=null;paintReward(isSummary,1); celebrating=false;$('.jackpot').hidden=!isSummary;$('.bonus').hidden=true;floating.classList.remove('celebrate'); if(!isSummary){$('.reward').hidden=true;floating.classList.remove('reward-show');performSpin();} else{render();$('.status').textContent='จบการทดลอง รวม '+formatPoints(totalReward)+' แต้ม ปุ่มทดลองเล่นฟรีพร้อมไปยังเว็บไซต์แล้ว';if(focusWasHere&&destination&&!floating.hidden)link.focus({preventScroll:true});} },media.matches?250:completed===1?2300:isSummary?2200:1100); render(); $('.status').textContent=`${lastWin?'ชนะในเดโม':'ผลทดลอง'} ${results.map(i=>symbols[i]).join(' ')}${completed>=required&&destination?' ปุ่มทดลองเล่นฟรีพร้อมไปยังเว็บไซต์แล้ว':''}`; $('.status').textContent+=' รางวัล '+formatPoints(lastAward)+' แต้ม รวม '+formatPoints(totalReward)+' แต้ม'; } function play(event){ if(!event.isTrusted||completed!==0)return; event.preventDefault();event.stopPropagation(); performSpin(); } function performSpin(){ if(busy||celebrating||completed>=required||destroyed||!assetsReady)return; const previous=results.slice(); busy=true;lastWin=null;canvas.hidden=false;results=completed===0?[2,2,2]:rollOutcome(); // รอบแรกเป็นการสาธิตแจ็กพอตเพื่อรับโบนัส ไม่ใช่ผลเงินจริง render();$('.status').textContent='กำลังหมุนทดลอง';start=performance.now(); const duration=media.matches?160:(completed===0?num(cfg.spinDuration,1400,250,5000):750); const totals=results.map((r,col)=>(5+col)*symbols.length+(r-previous[col]+symbols.length)%symbols.length); function tick(now){ if(destroyed)return; const elapsed=now-start; if(media.matches)draw(results); else draw(totals.map((total,col)=>{const p=Math.min(1,elapsed/(duration*(.72+col*.14)));return previous[col]+total*(1-Math.pow(1-p,3));})); if(elapsed>=duration){finish();return;} animation=requestAnimationFrame(tick); } animation=requestAnimationFrame(tick); } spin.addEventListener('click',play); $('.dismiss').addEventListener('click',event=>{if(!event.isTrusted)return;floating.hidden=true;parent.postMessage({type:'floating-bonus-close'},'*');}); link.addEventListener('click',e=>{e.stopPropagation();if(!e.isTrusted||completedcoin.style.setProperty(key,value)); const lift=document.createElement('span'),face=document.createElement('b'); lift.className='coin-lift';face.className='coin-face';lift.append(face);coin.append(lift);$('.coins').append(coin); } [[6,18],[21,2],[74,3],[92,23],[10,63],[88,72],[31,88],[69,94]].forEach(([x,y],i)=>{const spark=document.createElement('i');spark.style.setProperty('--sx',x+'%');spark.style.setProperty('--sy',y+'%');spark.style.setProperty('--sd',(i%4*.1)+'s');$('.sparkles').append(spark);}); render();document.body.append(host); window.FloatingMiniGame=Object.freeze({ open(){if(!destroyed)floating.hidden=false;},close(){floating.hidden=true;}, getState:()=>({completed,required,busy:busy||celebrating,unlocked:completed>=required&&!celebrating,winChance,lastWin,lastAward,totalReward,rewardUnit:"demo-points",result:completed&&!busy?results.map(i=>symbols[i]):null}), destroy(){clearTimeout(celebrationTimer);cancelAnimationFrame(rewardAnimation);destroyed=true;cancelAnimationFrame(animation);atlas.onload=null;atlas.onerror=null;host.remove();delete window.FloatingMiniGame;} }); })();

IPX

Latest Posts

Popular posts

Popular category