微件:GGLScratchGame:修订间差异
无编辑摘要 标签:(旧)WikiEditor |
无编辑摘要 标签:(旧)WikiEditor |
||
| 第1行: | 第1行: | ||
<script> | <script> | ||
(function(){ | (function(){ | ||
/* ================= DOM ================= */ | |||
const grid = document.querySelector('.ggl-grid'); | const grid = document.querySelector('.ggl-grid'); | ||
const bubble = document.querySelector('.ggl-bubble'); | const bubble = document.querySelector('.ggl-bubble'); | ||
| 第110行: | 第12行: | ||
const redeemHit = document.getElementById('ggl-redeem-hit'); | const redeemHit = document.getElementById('ggl-redeem-hit'); | ||
/* ================= 资源 ================= */ | |||
const COVER_IMG = 'https://wm.gaoice.run/images/thumb/5/5a/%E5%88%AE%E5%BC%80%E5%89%8D.png/180px-%E5%88%AE%E5%BC%80%E5%89%8D.png'; | const COVER_IMG = 'https://wm.gaoice.run/images/thumb/5/5a/%E5%88%AE%E5%BC%80%E5%89%8D.png/180px-%E5%88%AE%E5%BC%80%E5%89%8D.png'; | ||
const OPEN_IMG = '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'; | const OPEN_IMG = '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'; | ||
/* ===== | /* ================= 剧情彩票(你只需要改这里) ================= */ | ||
const TICKETS = [ | const TICKETS = [ | ||
{ left:3, data:0, mascot:'', bubble:'你好。', rewards:{12:'DATA'} }, | { left:3, data:0, mascot:'', bubble:'你好。', rewards:{12:'DATA'} }, | ||
| 第126行: | 第29行: | ||
{ left:1, data:9999, mascot:'', bubble:'你是谁?', rewards:{} }, | { left:1, data:9999, mascot:'', bubble:'你是谁?', rewards:{} }, | ||
{ left:0, data:'—', mascot:'', bubble:'停下来。', lock:true, rewards:{} }, | { left:0, data:'—', mascot:'', bubble:'停下来。', lock:true, rewards:{} }, | ||
{ left:0, data:'—', mascot:'平安喜乐', bubble:'你知道的太多了。', rewards:{} } | { left:0, data:'—', mascot:'平安喜乐', bubble:'你知道的太多了。', lock:true, invert:true, rewards:{} } | ||
]; | ]; | ||
let index = 0; | /* ================= 状态 ================= */ | ||
let index = 0; | |||
let revealed = 0; | let revealed = 0; | ||
let | let canScan = false; | ||
/* ================= 构建当前彩票 ================= */ | |||
function build(){ | function build(){ | ||
const t = TICKETS[index]; | const t = TICKETS[index]; | ||
grid.innerHTML = ''; | grid.innerHTML = ''; | ||
revealed = 0; | revealed = 0; | ||
canScan = false; | |||
/* —— | /* —— 反色只由剧情控制 —— */ | ||
document.body.classList.toggle('ggl-invert', !!t.invert); | |||
leftEl.textContent = t.left; | leftEl.textContent = t.left; | ||
dataEl.textContent = t.data; | |||
mascot.textContent = t.mascot || ''; | mascot.textContent = t.mascot || ''; | ||
bubble.textContent = t.bubble || ''; | bubble.textContent = t.bubble || ''; | ||
scanBtn.classList.remove('active'); | scanBtn.classList.remove('active'); | ||
| 第164行: | 第58行: | ||
const cell = document.createElement('div'); | const cell = document.createElement('div'); | ||
cell.className = 'ggl-cell'; | cell.className = 'ggl-cell'; | ||
cell.innerHTML = ` | cell.innerHTML = ` | ||
<img src="${OPEN_IMG}"> | <img src="${OPEN_IMG}"> | ||
| 第169行: | 第64行: | ||
<div class="ggl-cover" style="background-image:url('${COVER_IMG}')"></div> | <div class="ggl-cover" style="background-image:url('${COVER_IMG}')"></div> | ||
`; | `; | ||
const cover = cell.querySelector('.ggl-cover'); | const cover = cell.querySelector('.ggl-cover'); | ||
| 第177行: | 第73行: | ||
cover.style.display = 'none'; | cover.style.display = 'none'; | ||
revealed++; | revealed++; | ||
if(revealed === 30){ | if(revealed === 30){ | ||
enableScan(); | |||
} | } | ||
}; | }; | ||
}else{ | |||
// lock 的票,直接显示底图 | |||
cover.style.display = 'none'; | |||
} | } | ||
grid.appendChild(cell); | grid.appendChild(cell); | ||
} | } | ||
if(t.lock) | if(t.lock){ | ||
enableScan(); | |||
} | |||
} | } | ||
/* ================= 扫描控制 ================= */ | |||
function enableScan(){ | |||
canScan = true; | |||
scanBtn.classList.add('active'); | |||
} | |||
scanBtn.onclick = ()=>{ | |||
if(!canScan) return; | |||
index++; | |||
if(index < TICKETS.length){ | |||
build(); | |||
} | |||
}; | |||
/* | /* ================= 兑奖区 ================= */ | ||
redeemHit.onclick = ()=>{ | redeemHit.onclick = ()=>{ | ||
bubble.textContent = '提示:兑奖区刮开后将视为无效哦。'; | bubble.textContent = '提示:兑奖区刮开后将视为无效哦。'; | ||
}; | }; | ||
/* ================= 初始化遮罩 ================= */ | |||
mask.onclick = ()=>{ | mask.onclick = ()=>{ | ||
mask.remove(); | mask.remove(); | ||
| 第204行: | 第117行: | ||
}; | }; | ||
/* | /* ================= 测试快捷键 ================= */ | ||
document.addEventListener('keydown',e=>{ | document.addEventListener('keydown',e=>{ | ||
if(e.shiftKey && e.key.toLowerCase()==='d'){ | if(e.shiftKey && e.key.toLowerCase()==='d'){ | ||
grid.querySelectorAll('.ggl-cover').forEach(c=>c.style.display='none'); | grid.querySelectorAll('.ggl-cover').forEach(c=>c.style.display='none'); | ||
revealed = 30; | revealed = 30; | ||
enableScan(); | |||
} | } | ||
}); | }); | ||
2026年2月1日 (日) 21:10的版本
<script> (function(){
/* ================= DOM ================= */ const grid = document.querySelector('.ggl-grid'); const bubble = document.querySelector('.ggl-bubble'); const mascot = document.querySelector('.ggl-mascot'); const scanBtn = document.getElementById('ggl-scan'); const leftEl = document.getElementById('ggl-left'); const dataEl = document.getElementById('ggl-data'); const mask = document.getElementById('ggl-mask'); const redeemHit = document.getElementById('ggl-redeem-hit');
/* ================= 资源 ================= */ const COVER_IMG = 'https://wm.gaoice.run/images/thumb/5/5a/%E5%88%AE%E5%BC%80%E5%89%8D.png/180px-%E5%88%AE%E5%BC%80%E5%89%8D.png'; const OPEN_IMG = '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';
/* ================= 剧情彩票(你只需要改这里) ================= */ const TICKETS = [
{ left:3, data:0, mascot:, bubble:'你好。', rewards:{12:'DATA'} },
{ left:2, data:1, mascot:'(^▽^)ノ', bubble:'第一张,只中了 DATA。', rewards:{1:'连',3:'着',16:'四',19:'个'} },
{ left:3, data:2, mascot:'(ノ◕ヮ◕)ノ', bubble:'连着刮出了四个字!', rewards:{8:'DATA',14:'🎟'} },
{ left:3, data:4, mascot:'(^▽^)', bubble:'中了刮刮乐!DATA 2MB', rewards:{} },
{ left:3, data:5, mascot:'(・_・)', bubble:'什么都没有。', rewards:{22:'DATA'} },
{ left:2, data:5, mascot:'(;゚Д゚)', bubble:'好像哪里不对。', rewards:{} },
{ left:1, data:5, mascot:, bubble:'什么都没有。', rewards:{6:'🎟'} },
{ left:2, data:7, mascot:'...', bubble:'▒▓░▒▓▒▓', rewards:{3:'DATA',18:'DATA'} },
{ left:2, data:9999, mascot:, bubble:'哦 嗯 嘿 哈', rewards:Object.fromEntries([...Array(30).keys()].map(i=>[i,'DATA'])) },
{ left:1, data:9999, mascot:, bubble:'你是谁?', rewards:{} },
{ left:0, data:'—', mascot:, bubble:'停下来。', lock:true, rewards:{} },
{ left:0, data:'—', mascot:'平安喜乐', bubble:'你知道的太多了。', lock:true, invert:true, rewards:{} }
];
/* ================= 状态 ================= */ let index = 0; let revealed = 0; let canScan = false;
/* ================= 构建当前彩票 ================= */ function build(){
const t = TICKETS[index];
grid.innerHTML = ; revealed = 0; canScan = false;
/* —— 反色只由剧情控制 —— */
document.body.classList.toggle('ggl-invert', !!t.invert);
leftEl.textContent = t.left; dataEl.textContent = t.data; mascot.textContent = t.mascot || ; bubble.textContent = t.bubble || ;
scanBtn.classList.remove('active');
for(let i=0;i<30;i++){
const cell = document.createElement('div');
cell.className = 'ggl-cell';
cell.innerHTML = `
<img src="${OPEN_IMG}">
`;
const cover = cell.querySelector('.ggl-cover');
if(!t.lock){
cover.onclick = ()=>{
if(cell.dataset.done) return;
cell.dataset.done = 1;
cover.style.display = 'none';
revealed++;
if(revealed === 30){
enableScan();
}
};
}else{
// lock 的票,直接显示底图
cover.style.display = 'none';
}
grid.appendChild(cell); }
if(t.lock){
enableScan();
}
}
/* ================= 扫描控制 ================= */ function enableScan(){
canScan = true;
scanBtn.classList.add('active');
}
scanBtn.onclick = ()=>{
if(!canScan) return;
index++;
if(index < TICKETS.length){
build();
}
};
/* ================= 兑奖区 ================= */ redeemHit.onclick = ()=>{
bubble.textContent = '提示:兑奖区刮开后将视为无效哦。';
};
/* ================= 初始化遮罩 ================= */ mask.onclick = ()=>{
mask.remove(); build();
};
/* ================= 测试快捷键 ================= */ document.addEventListener('keydown',e=>{
if(e.shiftKey && e.key.toLowerCase()==='d'){
grid.querySelectorAll('.ggl-cover').forEach(c=>c.style.display='none');
revealed = 30;
enableScan();
}
});
})(); </script>
