相信经常逛的朋友对论坛那个 404 页面的“围住小猫”游戏都不陌生。本来只是个打发时间的小游戏，但我总觉得玩法单一了点。于是利用一下时间，撸了一个“定制助手”脚本。不仅能改游戏规则（多步连走），还能拉上好基友开启本地双人甚至四人乱斗模式！目前已经是某音直播娱乐必备的非常有节目效果的多人小游戏!!!
还有贪吃蛇版在下面！！！一、 脚本亮点
界面美化：将404改成了帅哥标题和头像。
单人定制：支持设置“玩家连续放墙次数”（1次、2次、3次甚至无限），还独家新增了“1-2-1-2 循环步数”玩法。
双人模式：伙伴不再是观众！你可以放墙，伙伴可以手动控猫逃跑，开启真正的博弈。
四人模式（双猫乱斗）：屏幕左侧会空降第二只紫猫。支持 2 名玩家 + 2 只猫交替行动，场面一度非常混乱又充满趣味！
智能逻辑：四人模式下，如果其中一只猫被围死，脚本会自动跳过它的回合，直到所有猫都被围住才判定胜利。
极简 UI：右上角悬浮窗，支持一键收起/展开，收起后就是一个精致的小头像，完全不遮挡视线。
按需开启：脚本非常聪明，只有在检测到是论坛 404 页面时才会加载，不占用其他页面的内存。
二、 玩法说明
基础玩法： 安装脚本后，进入 404 页面，点击右上角“猫猫助手”的“应用修改并重置”即可生效。
四人模式： 流程为：玩家 1 放墙 -> 猫 1（中间）行动 -> 玩家 2 放墙 -> 猫 2（左侧，紧邻中间猫）行动。
1-2-1-2 序列： 这是单人模式下的进阶玩法。第一回合你只能放 1 堵墙，第二回合可以放 2 堵，第三回合又变回 1 堵，以此循环。这非常考验你的长远布局能力！
（贪吃蛇版）鼠标在贪吃蛇前面悬浮移动则贪吃蛇跟着你走，先吃掉所有黑点，最后吃猫，成功后进入下一关
// ==UserScript==  ``` // ==UserScript== // @name Hmily的猫猫：贪吃蛇自动版 // @namespace http://tampermonkey.net/ // @version 2.1 // @description 【单人闯关版】 // @author 52pojie // @match https://www.xkwo.com/* // @grant GM_addStyle // @run-at document-end // ==/UserScript== (function() { 'use strict'; const win = (typeof unsafeWindow !== 'undefined') ? unsafeWindow : window; // --- 0. 页面判定与内容修改 --- const is404Page = () => { const h1 = document.querySelector('.container h1'); const h2 = document.querySelector('.container h2'); const gameContainer = document.getElementById('catch-the-cat'); if (h1 && h1.innerText.includes('404') && gameContainer) { h1.innerText = 'Hmily的猫猫：贪吃蛇闯关'; if (h2) h2.innerText = '吾爱破解祝你：喵运当头，锦鲤附体！🐾'; return true; } return false; }; if (!is404Page()) return; // --- 1. 样式定义 --- GM_addStyle(` #snake-mod-panel { position: fixed; top: 20px; right: 20px; width: 260px; background: #fff; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.3); z-index: 10000; padding: 15px; font-family: sans-serif; border: 2px solid #28a745; transition: all 0.3s ease; overflow: hidden; display: flex; flex-direction: column; } #snake-mod-panel.minimized { width: 44px; height: 44px; padding: 0; cursor: pointer; border-radius: 50%; border: none; box-shadow: 0 4px 12px rgba(40,167,69,0.4); } .panel-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px; } #snake-mod-panel.minimized .panel-header { border: none; margin: 0; padding: 0; width: 100%; height: 100%; justify-content: center; } .header-left { display: flex; align-items: center; } .panel-icon { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #28a745; transition: all 0.3s ease; object-fit: cover; } #snake-mod-panel.minimized .panel-icon { width: 44px; height: 44px; border: none; } .level-tag { background: #28a745; color: #fff; padding: 2px 6px; border-radius: 6px; font-size: 11px; margin-left: 8px; white-space: nowrap; } .toggle-btn { background: none; border: none; color: #28a745; cursor: pointer; font-size: 12px; padding: 2px 5px; } #snake-mod-panel.minimized h3, #snake-mod-panel.minimized .level-tag, #snake-mod-panel.minimized .info-box, #snake-mod-panel.minimized .timer-box, #snake-mod-panel.minimized .restart-btn, #snake-mod-panel.minimized .status-msg, #snake-mod-panel.minimized .toggle-btn, #snake-mod-panel.minimized .reset-data, #snake-mod-panel.minimized .hint { display: none; } .info-box { padding: 8px; border-radius: 6px; text-align: center; margin-bottom: 10px; border: 1px solid #eee; background: #f8f9fa; font-size: 13px; line-height: 1.6; } .timer-box { font-size: 20px; text-align: center; color: #d9534f; font-weight: bold; margin: 5px 0 10px 0; display: none; } .restart-btn { background: #28a745; color: #fff; border: none; padding: 10px; width: 100%; border-radius: 5px; cursor: pointer; font-weight: bold; margin-bottom: 5px; } .reset-data { font-size: 10px; color: #999; text-align: center; cursor: pointer; text-decoration: underline; margin-top: 5px; } .status-msg { font-size: 12px; color: #666; margin-top: 8px; font-family: monospace; border-top: 1px solid #eee; padding-top: 5px; } .hint { font-size: 11px; color: #999; text-align: center; margin-bottom: 8px; line-height: 1.4; } #cat-god-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 20000; pointer-events: none; opacity: 0; transition: opacity 1s; } #cat-god-text { font-size: 120px; font-weight: 900; color: #ffcc00; text-shadow: 0 0 20px #ff6600, 0 0 40px #ffcc00; transform: scale(0.5); transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); font-family: "Microsoft YaHei", sans-serif; } .confetti { position: absolute; width: 10px; height: 10px; border-radius: 2px; animation: confetti-fall 3s linear forwards; } @keyframes confetti-fall { 0% { transform: translateY(-10vh) rotate(0deg); opacity: 1; } 100% { transform: translateY(110vh) rotate(720deg); opacity: 0; } } `); // --- 2. 游戏状态 --- let gameState = { level: 1, snake: [], foodCount: 0, direction: 1, gameTimerId: null, catTimerId: null, huntTimerId: null, timeLeft: 30, isHunting: false, isGameOver: false, isHooked: false }; const saveLevel = (lvl) => localStorage.setItem('hmily_cat_snake_lvl', lvl); const getLevel = () => { let lvl = parseInt(localStorage.getItem('hmily_cat_snake_lvl')) || 1; return Math.min(lvl, 15); }; function getLevelName(lvl) { return lvl >= 15 ? "最终关" : `第 ${lvl} 关`; } // --- 3. UI 构建 --- function createUI() { const panel = document.createElement('div'); panel.id = 'snake-mod-panel'; gameState.level = getLevel(); document.body.appendChild(panel); const overlay = document.createElement('div'); overlay.id = 'cat-god-overlay'; overlay.innerHTML = `你是猫神`; document.body.appendChild(overlay); updatePanelHTML(); } function updatePanelHTML() { const panel = document.getElementById('snake-mod-panel'); if (!panel) return; const foodGoal = calculateFoodLimit(); const timeGoal = calculateCatchTime(); panel.innerHTML = `
贪吃蛇闯关
${getLevelName(gameState.level)}悬停蛇头相邻格转向本关目标
吃掉 ${foodGoal} 个黑点
抓捕限时 ${timeGoal} 秒倒计时：${timeGoal}s重置进度> 准备就绪`; const minimizeBtn = document.getElementById('btn-minimize'); const togglePanel = () => { panel.classList.toggle('minimized'); minimizeBtn.innerText = panel.classList.contains('minimized') ? "" : "收起"; }; minimizeBtn.onclick = (e) => { e.stopPropagation(); togglePanel(); }; panel.onclick = () => { if(panel.classList.contains('minimized')) togglePanel(); }; document.getElementById('btn-start-snake').onclick = initSnakeGame; document.getElementById('btn-reset-data').onclick = () => { if(confirm("确定要重置进度到第一关吗？")) { saveLevel(1); location.reload(); } }; } function calculateCatchTime() { if (gameState.level >= 15) return 10; return (gameState.level % 2 === 0) ? 20 : 30; } function calculateFoodLimit() { if (gameState.level >= 15) return 2; return Math.max(2, 8 - Math.floor((gameState.level - 1) / 2)); } function addLog(msg) { const log = document.getElementById('snake-log'); if (log) log.innerText = "> " + msg; } // --- 4. 特效逻辑 --- function handleWinEffect(scene) { if (gameState.level >= 15) { showCatGodEffect(); } scene.setStatusText(`恭喜通过 ${getLevelName(gameState.level)}！`); scene.state = "win"; if (gameState.level < 15) { gameState.level++; saveLevel(gameState.level); } updatePanelHTML(); addLog("成功猎杀！"); } function showCatGodEffect() { const overlay = document.getElementById('cat-god-overlay'); const text = document.getElementById('cat-god-text'); overlay.style.opacity = "1"; text.style.transform = "scale(1)"; for (let i = 0; i < 100; i++) { setTimeout(() => { const confetti = document.createElement('div'); confetti.className = 'confetti'; confetti.style.left = Math.random() * 100 + 'vw'; confetti.style.backgroundColor = ['#ff0', '#f0f', '#0ff', '#f00', '#0f0'][Math.floor(Math.random() * 5)]; overlay.appendChild(confetti); setTimeout(() => confetti.remove(), 3000); }, i * 20); } setTimeout(() => { overlay.style.opacity = "0"; text.style.transform = "scale(0.5)"; }, 5000); } // --- 5. 核心逻辑 --- function initSnakeGame() { if (!win.game || !win.game.mainScene) return; const scene = win.game.mainScene; scene.reset(); stopAllTimers(); gameState.level = getLevel(); const foodGoal = calculateFoodLimit(); gameState.timeLeft = calculateCatchTime(); scene.cat.isEscaped = function() { return false; }; scene.checkWin = function() { return false; }; scene.lose = function() { return gameState.isGameOver ? true : false; }; scene.win = function() { return false; }; gameState.snake = [{i: 5, j: 4}]; gameState.direction = 1; gameState.isHunting = false; gameState.isGameOver = false; document.getElementById('game-timer').style.display = 'none'; document.getElementById('status-display').style.display = 'block'; document.getElementById('status-display').innerText = `剩余黑点：${foodGoal}`; setupMapFood(scene, foodGoal); updateVisuals(); if (!gameState.isHooked) hookEvents(); const snakeSpeed = Math.max(200, 400 - (gameState.level * 10)); const catSpeed = Math.max(250, 400 - (gameState.level * 9)); gameState.gameTimerId = setInterval(() => { if (!gameState.isGameOver) autoMoveStep(); }, snakeSpeed); gameState.catTimerId = setInterval(() => { if (!gameState.isGameOver) moveCatAI(scene); }, catSpeed); addLog(`${getLevelName(gameState.level)} 已启动！`); } function setupMapFood(scene, limit) { scene.blocks.forEach(row => row.forEach(b => b.isWall = false)); let placed = 0; while (placed < limit) { let ri = Math.floor(Math.random() * 11); let rj = Math.floor(Math.random() * 11); let b = scene.getBlock(ri, rj); if (b && !b.isWall && (ri !== 5 || rj !== 5) && (ri !== 5 || rj !== 4)) { b.isWall = true; placed++; } } gameState.foodCount = placed; } function updateVisuals() { const scene = win.game.mainScene; scene.blocks.forEach(row => row.forEach(b => { b.fillColor = b.isWall ? 0x333333 : 0xb3ffbf00; gameState.snake.forEach((part, index) => { if (b.i === part.i && b.j === part.j) { b.fillColor = (index === 0) ? 0x28a745 : 0x71d581; } }); })); } function hookEvents() { const scene = win.game.mainScene; const handleHover = function(block) { if (gameState.isGameOver || !gameState.snake.length) return; const head = gameState.snake[0]; const neighbors = scene.constructor.getNeighbours(head.i, head.j); const dirIndex = neighbors.findIndex(n => n.i === block.i && n.j === block.j); if (dirIndex !== -1) gameState.direction = dirIndex; }; scene.blocks.forEach(row => row.forEach(b => { b.off('player_click'); b.on('pointerover', () => handleHover(b)); b.on('player_click', () => handleHover(b)); })); gameState.isHooked = true; } function stopAllTimers() { if (gameState.gameTimerId) clearInterval(gameState.gameTimerId); if (gameState.catTimerId) clearInterval(gameState.catTimerId); if (gameState.huntTimerId) clearInterval(gameState.huntTimerId); gameState.gameTimerId = null; gameState.catTimerId = null; gameState.huntTimerId = null; } function autoMoveStep() { const scene = win.game.mainScene; const head = gameState.snake[0]; const neighbors = scene.constructor.getNeighbours(head.i, head.j); const next = neighbors[gameState.direction]; const targetBlock = scene.getBlock(next.i, next.j); if (!targetBlock || gameState.snake.some(p => p.i === next.i && p.j === next.j)) { gameState.isGameOver = true; stopAllTimers(); scene.setStatusText("失败！按开始重试"); addLog("失败：发生撞击"); return; } if (scene.cat.i === next.i && scene.cat.j === next.j) { if (gameState.isHunting) { gameState.isGameOver = true; stopAllTimers(); handleWinEffect(scene); return; } } const newHead = {i: next.i, j: next.j}; if (targetBlock.isWall) { targetBlock.isWall = false; gameState.snake.unshift(newHead); gameState.foodCount--; document.getElementById('status-display').innerText = `剩余黑点：${gameState.foodCount}`; if (gameState.foodCount <= 0 && !gameState.isHunting) startHuntingPhase(); } else { gameState.snake.unshift(newHead); gameState.snake.pop(); } updateVisuals(); } function startHuntingPhase() { gameState.isHunting = true; const scene = win.game.mainScene; document.getElementById('game-timer').style.display = 'block'; document.getElementById('status-display').style.display = 'none'; scene.setStatusText(`猎杀时刻：${gameState.timeLeft}s`); gameState.huntTimerId = setInterval(() => { if (gameState.isGameOver) return; gameState.timeLeft--; document.getElementById('game-timer').innerText = `倒计时：${gameState.timeLeft}s`; scene.setStatusText(`猎杀时刻：${gameState.timeLeft}s`); if (gameState.timeLeft <= 0) { stopAllTimers(); gameState.isGameOver = true; scene.setStatusText("时间到，猎杀失败！"); scene.state = "lose"; addLog("失败：倒计时结束"); } }, 1000); } function moveCatAI(scene) { if (gameState.isGameOver) return; const cat = scene.cat; const head = gameState.snake[0]; const neighbors = scene.constructor.getNeighbours(cat.i, cat.j); let validMoves = neighbors.filter(n => { if (n.i < 0 || n.i > 10 || n.j < 0 || n.j > 10) return false; const b = scene.getBlock(n.i, n.j); return b && !b.isWall && !gameState.snake.some(p => p.i === n.i && p.j === n.j); }); if (validMoves.length > 0) { validMoves.sort((a, b) => { const distA = Math.hypot(a.i - head.i, a.j - head.j); const distB = Math.hypot(b.i - head.i, b.j - head.j); if (Math.abs(distA - distB) < 0.5) { return Math.hypot(a.i - 5, a.j - 5) - Math.hypot(b.i - 5, b.j - 5); } return distB - distA; }); const best = validMoves[0]; const dir = neighbors.findIndex(n => n.i === best.i && n.j === best.j); cat.stepDirection(dir); cat.i = Math.max(0, Math.min(10, cat.i)); cat.j = Math.max(0, Math.min(10, cat.j)); } } createUI(); })(); ```
