【油猴脚本】404那只猫定制多种玩法助手（直播必备小游戏）
相信经常逛的朋友对论坛那个 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 堵，以此循环。这非常考验你的长远布局能力！
（贪吃蛇版）鼠标在贪吃蛇前面悬浮移动则贪吃蛇跟着你走，先吃掉所有黑点，最后吃猫，成功后进入下一关
<blockquote>// ==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 = `<div id="cat-god-text">你是猫神</div>`;
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 = `
<div class="panel-header" id="panel-header">
<div class="header-left">
<img src="https://avatar.52pojie.cn/data/avatar/000/00/00/01_avatar_middle.jpg" class="panel-icon" id="panel-logo">
<h3 style="margin:0 0 0 8px; font-size:15px; color:#28a745;">贪吃蛇闯关</h3>
<span class="level-tag">${getLevelName(gameState.level)}</span>
</div>
<button class="toggle-btn" id="btn-minimize">收起</button>
</div>
<div class="hint">悬停蛇头相邻格转向</div>
<div id="target-info" class="info-box">
<b>本关目标</b><br>
吃掉 <span style="color:#d9534f">${foodGoal}</span> 个黑点<br>
抓捕限时 <span style="color:#d9534f">${timeGoal}</span> 秒
</div>
<div id="status-display" class="info-box" style="color:#28a745; display:none;">剩余黑点：--</div>
<div class="timer-box" id="game-timer">倒计时：${timeGoal}s</div>
<button class="restart-btn" id="btn-start-snake">开始挑战</button>
<div class="reset-data" id="btn-reset-data">重置进度</div>
<div class="status-msg" id="snake-log">> 准备就绪</div>
`;
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'];
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;
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;
const neighbors = scene.constructor.getNeighbours(head.i, head.j);
const next = neighbors;
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;
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;
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();
})();
🆕占个楼, 不过分吧!
页:
[1]