查看“︁微件:GGLScratchGame”︁的源代码

<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}">
      <div class="ggl-reward">${t.rewards?.[i] || ''}</div>
      <div class="ggl-cover" style="background-image:url('${COVER_IMG}')"></div>
    `;

    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>