微件:GGLScratchGame
<button class="ggl-start-btn">来一张彩票…
…不,三张吧</button>
刮开奖券 · 在整张刮完后交由bot扫描
刮出数字即能获得对应额度的data
当“平”“安”“喜”“乐”四个字连城一条线时,可再获得一张刮刮卡
看不懂也没关系!bot会告诉你结果!
剩余彩票:— 张 可提现 DATA:—
<img class="ggl-bg"
src="
">
<button class="ggl-redeem-hit" id="ggl-redeem-hit"></button>
<button id="ggl-scan">扫描结果</button>
<style> /* 原样样式 */ .ggl-root{width:375px;margin:auto;font-family:sans-serif;position:relative} .ggl-mask{position:absolute;inset:0;background:#000d;z-index:99;display:flex;align-items:center;justify-content:center} .ggl-start-btn{padding:12px 20px;font-size:16px}
.ggl-top{text-align:center;font-size:14px;margin-bottom:6px} .ggl-frame{padding:10px;border:3px solid #ff00aa;box-shadow:0 0 12px #ff00aa88} .ggl-ticket{position:relative;aspect-ratio:1075/1911} .ggl-bg{width:100%;display:block}
.ggl-scratch-area{position:absolute;left:10%;top:35%;width:80%;height:53%} .ggl-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);gap:6px}
.ggl-cell{position:relative;overflow:hidden} .ggl-cell img,.ggl-cover{position:absolute;inset:0;width:100%;height:100%} .ggl-cover{
background:url("
") center/cover;
cursor:pointer
} .ggl-reward{
position:absolute;inset:0; display:flex;align-items:center;justify-content:center; font-size:12px;font-weight:bold;pointer-events:none
}
.ggl-mascot{position:absolute;left:6%;top:107%} .ggl-bubble{position:absolute;left:6%;top:103%;width:60%;background:#fff;padding:6px;font-size:13px} .ggl-controls{position:absolute;right:6%;top:103%}
- ggl-scan{opacity:.3}
- ggl-scan.active{opacity:1}
.ggl-redeem-hit{
position:absolute;bottom:1%;left:2%; width:48%;height:10%; background:transparent;border:none
}
- ggl-ending-container{
max-width:800px; margin:18px auto; padding:12px; background:#fff; border:2px solid #ccc; box-shadow:0 6px 18px rgba(0,0,0,.08); font-family:inherit; line-height:1.5;
}
.mw-collapsible{overflow:hidden} .wikitable{border-collapse:collapse;width:100%} .wikitable th, .wikitable td{border:1px solid #aaa;padding:6px}
.poem{white-space:pre-wrap;font-family:serif;background:#f8f8f8;padding:8px;border-left:3px solid #ddd} </style>
<script> (function(){
const root = document.querySelector('.ggl-root'); const grid = document.querySelector('.ggl-grid'); const bubble = document.querySelector('.ggl-bubble'); const mascot = document.querySelector('.ggl-mascot'); const scan = document.getElementById('ggl-scan'); const leftEl = document.getElementById('ggl-left'); const dataEl = document.getElementById('ggl-data'); const mask = document.getElementById('ggl-mask'); const redeem = document.getElementById('ggl-redeem-hit');
const OPEN = 'https://wm.gaoice.run/images/thumb/4/4a/%E5%88%AE%E5%BC%80%E5%90%8E.jpg/180px-%E5%88%AE%E5%BC%80%E5%90%8E.jpg';
let idx = 0; let revealed = 0; let scanned = false; let finalized = false; let alertTimer = null; let redeemLocked = false;
const TICKETS = [
{left:2,data:0,mascot:,bubble:'你好。',onScan:'扫描完成:未检测到异常。',rewards:{0:'畅',1:'舒',2:'遂',3:'顺',4:'达',5:'欢',6:'5',7:'欣',8:'怡',9:'和',10:'睦',11:'融',12:'洽',13:'美',14:'善',15:'吉',16:'昌',17:'20',18:'兴',19:'平',20:'安',21:'喜',22:'乐',23:'平',24:'安',25:'盛',26:'喜',27:'乐',28:'悦',29:'睦'}},
{left:1,data:1,mascot:'(^▽^)ノ',bubble:'第一张,只中了 DATA。',onScan:'扫描结果:DATA ×1',rewards:{0:'遂',1:'舒',2:'达',3:'顺',4:'畅',5:'平',6:'安',7:'喜',8:'乐',9:'和',10:'睦',11:'安',12:'1',13:'美',14:'善',15:'吉',16:'昌',17:'喜',18:'盛',19:'兴',20:'欢',21:'平',22:'悦',23:'乐',24:'欣',25:'怡',26:'洽',27:'融',28:'欢',29:'怡'}},
{left:2,data:2,mascot:'(ノ◕ヮ◕)ノ',bubble:'连着刮出了四个字!',onScan:'检测到异常排列,追加机会。',rewards:{0:'舒',1:'平',2:'场',3:'遂',4:'15',5:'欢',6:'安',7:'悦',8:'欣',9:'怡',10:'和',11:'喜',12:'睦',13:'融',14:'20',15:'洽',16:'美',17:'乐',18:'善',19:'吉',20:'昌',21:'盛',22:'兴',23:'16',24:'顺',25:'平',26:'安',27:'喜',28:'乐',29:'达'}},
{left:2,data:4,mascot:'(^▽^)',bubble:'中了刮刮乐!DATA 2MB',onScan:'扫描完成:DATA 2MB',rewards:{0:'欣',1:'平',2:'怡',3:'畅',4:'舒',5:'安',6:'遂',7:'盛',8:'顺',9:'达',10:'和',11:'睦',12:'融',13:'喜',14:'洽',15:'美',16:'善',17:'吉',18:'昌',19:'乐',20:'兴',21:'欢',22:'平',23:'安',24:'悦',25:'喜',26:'乐',27:'融',28:'洽',29:'兴'}},
{left:2,data:5,mascot:'(・_・)',bubble:'什么都没有。',onScan:'扫描完成:空。',rewards:{0:'欣',1:'平',2:'怡',3:'1',4:'舒',5:'安',6:'遂',7:'喜',8:'顺',9:'2',10:'和',11:'1',12:'融',13:'乐',14:'洽',15:'美',16:'善',17:'吉',18:'5',19:'昌',20:'盛',21:'兴',22:'欢',23:'悦',24:'1',25:'平',26:'乐',27:'畅',28:'达',29:'喜'}},
{left:1,data:5,mascot:'(;゚Д゚)',bubble:'好像哪里不对。',onScan:'扫描警告:结构异常。',rewards:{0:'6',1:'顺',2:'6',3:'遂',4:'6',5:'6',6:'6',7:'6',8:'6',9:'6',10:'平',11:'6',12:'6',13:'6',14:'和',15:'平',16:'6',17:'6',18:'6',19:'和',20:'安',21:'6',22:'6',23:'6',24:'睦',25:'安',26:'6',27:'6',28:'6',29:'睦'}},
{left:0,data:5,mascot:,bubble:'什么都没有。',onScan:'扫描完成:无数据。',rewards:{0:'和',1:'睦',2:'融',3:'洽',4:'美',5:'善',6:'吉',7:'昌',8:'盛',9:'兴',10:'欢',11:'平',12:'悦',13:'顺',14:'欣',15:'怡',16:'安',17:'畅',18:'乐',19:'舒',20:'遂',21:'喜',22:'达',23:'平',24:'安',25:'喜',26:'乐',27:'欢',28:'悦',29:'欣'}},
{left:0,data:7,mascot:'...',bubble:'▒▓░▒▓▒▓',onScan:'▒▓░▒▓▒▓▒▓',rewards:{3:'DATA',18:'DATA'}},
{left:1,data:'—',mascot:,bubble:'哦 嗯 嘿 哈',onScan:'扫描结果:DATA 溢出。',rewards:Object.fromEntries([...Array(30).keys()].map(i=>[i,'DATA']))},
{left:0,data:'—',mascot:,bubble:'你是谁?',onScan:'扫描中……',rewards:{}},
{left:'▒▓░▒▓▒▓',data:'▒▓░▒▓▒▓',mascot:'平安喜乐',bubble:'你知道的太多了。',onScan:'权限越界。',rewards:{}}
];
function fadeOutCover(cover, done){
const start = performance.now();
const duration = 450;
cover.style.pointerEvents = 'none';
function frame(now){
const p = Math.min((now - start) / duration, 1);
cover.style.opacity = 1 - p;
if(p < 1){
requestAnimationFrame(frame);
}else{
cover.style.display = 'none';
done && done();
}
}
requestAnimationFrame(frame);
}
function build(){
if(finalized) return; const t = TICKETS[idx]; grid.innerHTML = ; revealed = 0; scanned = false;
leftEl.textContent = t.left; dataEl.textContent = t.data; mascot.textContent = t.mascot || ; bubble.textContent = t.bubble || ;
scan.textContent = '扫描结果';
scan.classList.remove('active');
for(let i=0;i<30;i++){
const c = document.createElement('div');
c.className = 'ggl-cell';
c.innerHTML = `
<img src="${OPEN}">
`;
const cover = c.querySelector('.ggl-cover');
cover.onclick = ()=>{
if(c.dataset.done || finalized) return;
c.dataset.done = 1;
fadeOutCover(cover, ()=>{
if(++revealed === 30){
scan.classList.add('active');
}
});
};
grid.appendChild(c);
}
}
function startInfiniteAlert(){
if(alertTimer) return;
const TEXT = '冲刺!冲刺!';
(function loop(){
alert(TEXT);
alertTimer = setTimeout(loop, 200);
})();
}
function showRedeemModal(){
if(redeemLocked) return; redeemLocked = true;
const overlay = document.createElement('div');
overlay.style.cssText = `
position:absolute;
inset:0;
background:rgba(0,0,0,.7);
z-index:999;
display:flex;
align-items:center;
justify-content:center;
`;
const box = document.createElement('div');
box.style.cssText = `
background:#fff;
padding:20px;
width:70%;
text-align:center;
font-size:14px;
`;
box.textContent = '无法兑奖';
overlay.appendChild(box);
document.querySelector('.ggl-ticket').appendChild(overlay);
setTimeout(()=>{
box.innerHTML = `
`;
const btn = document.createElement('button');
btn.textContent = '确定';
btn.style.marginTop = '12px';
btn.onclick = ()=>{
overlay.remove();
redeemLocked = false;
idx = 10;
build();
};
box.appendChild(btn);
}, 2200);
}
const INTERNAL_WIKITEXT = `
收藏品
冲刺!冲刺! 收集时间:? ottootto。
`;
function parseWikiToHtml(wikitext){
let text = wikitext.replace(/\r\n/g, '\n');
// 1) 处理
...
text = text.replace(/<poem>([\s\S]*?)<\/poem>/gi, function(_, inner){
// 保留换行
const safe = escapeHtml(inner.trim());
return `
`;
});
// 2) 处理 标题 == ... ==
text = text.replace(/^==\s*(.+?)\s*==$/gm, function(_, t){
return `
${escapeHtml(t)}
`;
});
// 3) 处理表格块 {|| ... |}
text = text.replace(/\{\|([\s\S]*?)\|\}/g, function(_, tableBody){
// 处理每一行
const lines = tableBody.split('\n').map(l=>l.trim()).filter(l=>l.length>0);
let html = '
'; let inRow = false; for(let i=0;i<lines.length;i++){ const line = lines[i]; if(line.startsWith('!')){ // header cell(s), can be multiple separated by !! const cells = line.slice(1).split('!!').map(s=>s.trim()); html += '<thead>'; cells.forEach(c=> html += ``); html += '</thead>'; }else if(line === '|-'){ // new row if(inRow) html += ''; html += ''; inRow = true; }else if(line.startsWith('|')){ // cell content, may be single cell or multiple with || const content = line.slice(1); const cells = content.split('||').map(s=>s.trim()); cells.forEach(c=> html += ``); }else{
// fallback: plain row cell
html += ``;
} }if(inRow) html += ''; html += '
| ${escapeHtml(c)} |
|---|
| ${escapeHtml(c)} |
| ${escapeHtml(line)} |
';
return html; });
// 4) 其余换行转段落(简单处理)
text = text.replace(/\n{2,}/g, '
'); text = '
' + text + '
';
// 清理空段落
text = text.replace(/
\s*<\/p>/g, ); return text; } function escapeHtml(s){ return s.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); } /* ===== 终局:隐藏微件并插入解析后的 HTML ===== */ function triggerFinal(){ if(finalized) return; finalized = true; try{ document.body.style.filter = 'invert(1)'; }catch(e){} if(root) root.style.display = 'none'; // 解析内置 wiki 文本并插入 const html = parseWikiToHtml(INTERNAL_WIKITEXT); const container = document.createElement('div'); container.id = 'ggl-ending-container'; container.innerHTML = html; if(root && root.parentNode){ root.parentNode.insertBefore(container, root.nextSibling); }else{ document.body.appendChild(container); } } /* ===== 交互逻辑 ===== */ scan.onclick = ()=>{ if(!scan.classList.contains('active') || finalized) return; if(idx === 9 && revealed === 30){ startInfiniteAlert(); return; } if(idx === 10 && revealed === 30){ triggerFinal(); return; } if(!scanned){ scanned = true; bubble.textContent = TICKETS[idx].onScan; scan.textContent = '再来一张'; return; } idx++; build(); }; redeem.onclick = ()=>{ if(idx === 9 && revealed === 30){ showRedeemModal(); } }; mask.onclick = ()=>{ mask.remove(); build(); }; document.addEventListener('keydown',e=>{ if(finalized) return; if(e.shiftKey && e.key.toLowerCase()==='d'){ grid.querySelectorAll('.ggl-cover').forEach(c=>c.style.display='none'); revealed = 30; scan.classList.add('active'); } }); if(!mask){ build(); } })(); </script>
