feat: 新增物理弹球实验室及配套功能
1. 新增物理弹球游戏全套代码，包含物理引擎、规则、渲染、游戏逻辑、存档、音效、UI 2. 新增物理弹球相关调试与单元测试脚本 3. 优化私有剪贴上传功能：增加200MB上传限制与错误提示 4. 修复复古弹球桌的光滑面防粘附与休眠逻辑
This commit is contained in:
yangxiangyuan
@@ -0,0 +1,126 @@
|
||||
/* ============================================================
|
||||
* debug_physics_balls_dom_smoke.js · 物理弹球 · 前端 DOM 桩冒烟
|
||||
* 无浏览器环境下用最小 DOM/Canvas 桩加载全部前端脚本，
|
||||
* 驱动主循环 + 模拟拖拽发射/暂停/记录等交互，捕获运行时错误。
|
||||
* 运行：node dev_test_scripts/debug/debug_physics_balls_dom_smoke.js
|
||||
* ============================================================ */
|
||||
'use strict';
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const vm = require('vm');
|
||||
|
||||
const LAB_DIR = path.join(__dirname, '..', '..', 'public', 'tools', 'thought_lab', 'labs', 'physics_balls');
|
||||
const FILES = ['pb_physics.js', 'pb_rules.js', 'pb_storage.js', 'pb_audio.js', 'pb_render.js', 'pb_game.js', 'pb_ui.js'];
|
||||
|
||||
function makeCtx() {
|
||||
const store = {};
|
||||
return new Proxy(store, {
|
||||
get(t, k) {
|
||||
if (k === 'createRadialGradient') return () => ({ addColorStop() {} });
|
||||
if (k === 'measureText') return () => ({ width: 10 });
|
||||
if (k in t) return t[k];
|
||||
return function () {};
|
||||
},
|
||||
set(t, k, v) { t[k] = v; return true; }
|
||||
});
|
||||
}
|
||||
|
||||
function makeEl(id) {
|
||||
const listeners = {};
|
||||
return {
|
||||
id,
|
||||
style: {},
|
||||
dataset: {},
|
||||
classList: { add() {}, remove() {}, toggle() {}, contains() { return false; } },
|
||||
children: [],
|
||||
_html: '', _text: '',
|
||||
set innerHTML(v) { this._html = v; this.children = []; },
|
||||
get innerHTML() { return this._html; },
|
||||
set textContent(v) { this._text = String(v); },
|
||||
get textContent() { return this._text; },
|
||||
appendChild(c) { this.children.push(c); },
|
||||
addEventListener(t, f) { (listeners[t] = listeners[t] || []).push(f); },
|
||||
dispatch(t, ev) { (listeners[t] || []).forEach(f => f(ev || {})); },
|
||||
getBoundingClientRect() { return { left: 0, top: 0, width: 420, height: 880 }; },
|
||||
getContext() { return makeCtx(); },
|
||||
checked: true,
|
||||
width: 420, height: 880
|
||||
};
|
||||
}
|
||||
|
||||
const els = {};
|
||||
function getEl(id) { if (!els[id]) els[id] = makeEl(id); return els[id]; }
|
||||
|
||||
let rafCb = null;
|
||||
const winListeners = {};
|
||||
const sandbox = {
|
||||
console, Math, Date, setTimeout, clearTimeout,
|
||||
JSON, localStorage: { getItem: () => null, setItem: () => {}, removeItem: () => {} },
|
||||
navigator: { clipboard: { writeText: () => ({ then: (a) => a && a() }) } },
|
||||
requestAnimationFrame: (cb) => { rafCb = cb; return 1; },
|
||||
document: {
|
||||
getElementById: getEl,
|
||||
createElement: (tag) => makeEl('dyn_' + tag)
|
||||
},
|
||||
addEventListener: (t, f) => { (winListeners[t] = winListeners[t] || []).push(f); },
|
||||
dispatchWin: (t, ev) => { (winListeners[t] || []).forEach(f => f(ev || {})); },
|
||||
window: null
|
||||
};
|
||||
sandbox.window = sandbox;
|
||||
sandbox.globalThis = sandbox;
|
||||
vm.createContext(sandbox);
|
||||
|
||||
for (const f of FILES) {
|
||||
vm.runInContext(fs.readFileSync(path.join(LAB_DIR, f), 'utf-8'), sandbox, { filename: f });
|
||||
}
|
||||
|
||||
function frames(n, t0) {
|
||||
for (let i = 0; i < n; i++) {
|
||||
const cb = rafCb; rafCb = null;
|
||||
if (!cb) throw new Error('rAF chain broken');
|
||||
cb(t0 + i * 16.7);
|
||||
}
|
||||
}
|
||||
|
||||
console.log('== 物理弹球 DOM 冒烟 ==');
|
||||
// init（load 事件不会在 vm 里触发，手动调）
|
||||
sandbox.PBUi.init();
|
||||
frames(30, 0);
|
||||
console.log(' ✓ init + 30 帧主菜单渲染');
|
||||
|
||||
// 模拟拖拽发射（pointermove/up 注册在 window 级）
|
||||
const canvas = getEl('pb-canvas');
|
||||
canvas.dispatch('pointerdown', { clientX: 260, clientY: 600 });
|
||||
frames(5, 600);
|
||||
sandbox.dispatchWin('pointermove', { clientX: 300, clientY: 650 });
|
||||
sandbox.dispatchWin('pointerup', {});
|
||||
frames(60 * 6, 700);
|
||||
console.log(' ✓ 拖拽发射 + 6s 模拟');
|
||||
|
||||
// 暂停 / 继续
|
||||
getEl('pb-pause-btn').dispatch('click');
|
||||
getEl('pb-resume').dispatch('click');
|
||||
frames(60, 60 * 7 * 16.7);
|
||||
console.log(' ✓ 暂停/继续');
|
||||
|
||||
// 记录页 / 指南 / 设置 / 每日领取
|
||||
getEl('pb-side-records').dispatch('click');
|
||||
getEl('pb-records-close').dispatch('click');
|
||||
getEl('pb-help').dispatch('click');
|
||||
getEl('pb-guide-ok').dispatch('click');
|
||||
getEl('pb-gear').dispatch('click');
|
||||
getEl('pb-settings-close').dispatch('click');
|
||||
getEl('pb-daily').dispatch('click');
|
||||
console.log(' ✓ 记录/指南/设置/每日领取交互');
|
||||
|
||||
// 长时模拟 60s，覆盖回合推进/上升/回收
|
||||
for (let s = 0; s < 60; s++) {
|
||||
if (s % 7 === 0) {
|
||||
canvas.dispatch('pointerdown', { clientX: 150 + (s * 13) % 200, clientY: 620 });
|
||||
sandbox.dispatchWin('pointermove', { clientX: 190 + (s * 13) % 160, clientY: 660 });
|
||||
sandbox.dispatchWin('pointerup', {});
|
||||
}
|
||||
frames(60, (10 + s) * 1000);
|
||||
}
|
||||
console.log(' ✓ 60s 长时模拟（含多次发射）');
|
||||
console.log('\n冒烟通过，无运行时异常');
|
||||
@@ -0,0 +1,52 @@
|
||||
/* ============================================================
|
||||
* debug_physics_balls_preview_match.js · 物理弹球 · 预览=实际轨迹验证
|
||||
* 清空砖块后以固定角度发射，对比 simulatePath 预览点与真实球位置：
|
||||
* 瞄准折线必须与球实际运动线路一致（误差 < 2px）。
|
||||
* 运行：node dev_test_scripts/debug/debug_physics_balls_preview_match.js
|
||||
* ============================================================ */
|
||||
'use strict';
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const vm = require('vm');
|
||||
|
||||
const LAB = path.join(__dirname, '..', '..', 'public', 'tools', 'thought_lab', 'labs', 'physics_balls');
|
||||
const ctx = {
|
||||
Math,
|
||||
console,
|
||||
PBAudio: { fire() {}, hit() {}, wall() {}, item() {}, breakBlock() {}, over() {}, claim() {} },
|
||||
PBStorage: { getEscape() { return 50; } }
|
||||
};
|
||||
vm.createContext(ctx);
|
||||
for (const f of ['pb_physics.js', 'pb_rules.js', 'pb_game.js', 'pb_render.js']) {
|
||||
vm.runInContext(fs.readFileSync(path.join(LAB, f), 'utf8'), ctx, { filename: f });
|
||||
}
|
||||
|
||||
const G = ctx.PBGame, RD = ctx.PBRender;
|
||||
|
||||
let ok = true;
|
||||
for (const ang of [0, 0.35, -0.6, 1.0]) {
|
||||
const g = G.create();
|
||||
G.startGame(g);
|
||||
g.blocks = []; g.items = []; // 清空砖块，保证对比确定
|
||||
g.aimAngle = ang;
|
||||
|
||||
const pts = RD.simulatePath(g); // 预览点：pts[k] 对应 t = k/60 s（subDt=1/240，每 4 子步采样）
|
||||
|
||||
G.fire(g);
|
||||
let maxErr = 0, checked = 0;
|
||||
for (let f = 1; f <= 30; f++) { // 前 0.5s，每帧 4 子步与预览采样对齐
|
||||
G.update(g, 1 / 60);
|
||||
if (!g.balls.length) break;
|
||||
if (f % 2) continue;
|
||||
if (f >= pts.length) break;
|
||||
const b = g.balls[0];
|
||||
const err = Math.hypot(b.x - pts[f].x, b.y - pts[f].y);
|
||||
maxErr = Math.max(maxErr, err);
|
||||
checked++;
|
||||
}
|
||||
const pass = checked >= 10 && maxErr < 2;
|
||||
console.log((pass ? 'PASS ' : 'FAIL ') + 'angle=' + ang + ' checked=' + checked + ' maxErr=' + maxErr.toFixed(2) + 'px');
|
||||
ok = pass && ok;
|
||||
}
|
||||
|
||||
process.exit(ok ? 0 : 1);
|
||||
@@ -0,0 +1,127 @@
|
||||
/* ============================================================
|
||||
* debug_physics_balls_stuck_escape.js · 物理弹球 · 卡球逃脱验证
|
||||
* 规则：球陷缝隙 0.5s 后横向滑出缺口继续下落；禁止向上弹射
|
||||
* （"必须落下后才能上去"，唯一上升途径是底部输送带）。
|
||||
* 验证：1) 卡球能逃脱并下落/回收 2) 上升幅度 <=120px 3) 左右方向有随机性
|
||||
* 运行：node dev_test_scripts/debug/debug_physics_balls_stuck_escape.js
|
||||
* ============================================================ */
|
||||
'use strict';
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const vm = require('vm');
|
||||
|
||||
const LAB = path.join(__dirname, '..', '..', 'public', 'tools', 'thought_lab', 'labs', 'physics_balls');
|
||||
const ctx = {
|
||||
Math,
|
||||
console,
|
||||
PBAudio: { fire() {}, hit() {}, wall() {}, item() {}, breakBlock() {}, over() {} },
|
||||
PBStorage: { getEscape() { return 50; } }
|
||||
};
|
||||
vm.createContext(ctx);
|
||||
for (const f of ['pb_physics.js', 'pb_rules.js', 'pb_game.js']) {
|
||||
vm.runInContext(fs.readFileSync(path.join(LAB, f), 'utf8'), ctx, { filename: f });
|
||||
}
|
||||
|
||||
const P = ctx.PBPhysics, G = ctx.PBGame;
|
||||
|
||||
// 跑 8s：成功 = 被回收 或 下落到 startY+200 以下；同时记录最小 y（上升幅度）
|
||||
function runScenario(setup, startY) {
|
||||
const g = G.create();
|
||||
g.state = 'fly';
|
||||
setup(g);
|
||||
let minY = 1e9, maxX = 0, minX = 1e9, outcome = 'stuck';
|
||||
for (let i = 0; i < 60 * 8; i++) {
|
||||
G.update(g, 1 / 60);
|
||||
if (!g.balls.length) { outcome = 'recycled'; break; }
|
||||
const b = g.balls[0];
|
||||
minY = Math.min(minY, b.y);
|
||||
maxX = Math.max(maxX, b.x);
|
||||
minX = Math.min(minX, b.x);
|
||||
if (b.y > startY + 200) { outcome = 'fell'; break; }
|
||||
}
|
||||
return { outcome, minY, spread: maxX - minX, g };
|
||||
}
|
||||
|
||||
let ok = true;
|
||||
function check(name, res, startY) {
|
||||
const escaped = res.outcome !== 'stuck';
|
||||
const noLaunch = res.minY > startY - 120; // 不允许向上弹射超过 120px
|
||||
const pass = escaped && noLaunch;
|
||||
console.log((pass ? 'PASS ' : 'FAIL ') + name +
|
||||
' outcome=' + res.outcome + ' minY=' + (res.minY === 1e9 ? 'recycled' : res.minY.toFixed(1)) +
|
||||
' hSpread=' + res.spread.toFixed(0));
|
||||
ok = pass && ok;
|
||||
}
|
||||
|
||||
// rest 默认 0.2：隔离"逃脱冲量本身"，排除高弹块自然反弹的干扰
|
||||
const mkCircle = (g, x, y, r, rest) => {
|
||||
const b = P.makeCircle({ shape: 'circle', x, y, r, isStatic: true, friction: 0.35, restitution: rest === undefined ? 0.2 : rest, tag: 'block' });
|
||||
b.data = { hp: 99, shape: 'circle', r };
|
||||
g.blocks.push(b);
|
||||
};
|
||||
const mkBall = (g, x, y) => {
|
||||
const ball = P.makeCircle({ shape: 'circle', x, y, r: 7, friction: 0.08, restitution: 0.95, tag: 'ball' });
|
||||
ball.data = { big: false };
|
||||
g.balls.push(ball);
|
||||
};
|
||||
|
||||
// 场景1：球静止放在两圆块谷地 → 应横向滑出后下落，不上天
|
||||
check('谷地卡球逃脱', runScenario((g) => {
|
||||
mkCircle(g, 180, 400, 22); mkCircle(g, 224, 400, 22);
|
||||
mkBall(g, 202, 381);
|
||||
}, 381), 381);
|
||||
|
||||
// 场景2：球静止放在单块顶部 → 应被推离块顶后下落；且单接触不触发研磨（块 HP 不变）
|
||||
{
|
||||
const res = runScenario((g) => {
|
||||
mkCircle(g, 200, 400, 22);
|
||||
mkBall(g, 200, 371);
|
||||
}, 371);
|
||||
check('块顶停球逃脱', res, 371);
|
||||
const intact = res.g.blocks.length === 1 && res.g.blocks[0].data.hp === 99;
|
||||
console.log((intact ? 'PASS ' : 'FAIL ') + '单接触不研磨 hp=' + (res.g.blocks[0] ? res.g.blocks[0].data.hp : 'gone'));
|
||||
ok = intact && ok;
|
||||
}
|
||||
|
||||
// 场景5：球楔入两低血块夹角 → 研磨快速打碎砖块、留出空间后下落
|
||||
{
|
||||
const res = runScenario((g) => {
|
||||
mkCircle(g, 180, 400, 22); mkCircle(g, 224, 400, 22);
|
||||
g.blocks.forEach(b => { b.data.hp = 8; });
|
||||
mkBall(g, 202, 381);
|
||||
}, 381);
|
||||
const ground = res.g.blocks.length === 0;
|
||||
const pass = ground && res.outcome !== 'stuck';
|
||||
console.log((pass ? 'PASS ' : 'FAIL ') + '夹角研磨开空间 outcome=' + res.outcome + ' blocksLeft=' + res.g.blocks.length);
|
||||
ok = pass && ok;
|
||||
}
|
||||
|
||||
// 场景3：球停底部弧面（无砖块接触）→ 1.2s 后应被回收
|
||||
check('底部停球回收', runScenario((g) => {
|
||||
mkBall(g, 210, 790);
|
||||
}, 790), 790);
|
||||
|
||||
// 场景4：单接触停球逃脱，横向方向应有随机性（左右都出现）
|
||||
{
|
||||
const dirs = [];
|
||||
for (let k = 0; k < 10; k++) {
|
||||
const g = G.create();
|
||||
g.state = 'fly';
|
||||
mkCircle(g, 200, 400, 22);
|
||||
mkBall(g, 200 + (Math.random() * 4 - 2), 371); // 真实落点总有微小偏移
|
||||
let firstVx = null;
|
||||
for (let i = 0; i < 60 * 3; i++) {
|
||||
G.update(g, 1 / 60);
|
||||
if (!g.balls.length) break;
|
||||
const b = g.balls[0];
|
||||
if (firstVx === null && Math.abs(b.vx) > 200) { firstVx = b.vx; break; }
|
||||
}
|
||||
if (firstVx !== null) dirs.push(firstVx > 0 ? 'R' : 'L');
|
||||
}
|
||||
const hasL = dirs.includes('L'), hasR = dirs.includes('R');
|
||||
const pass = dirs.length >= 6 && hasL && hasR;
|
||||
console.log((pass ? 'PASS ' : 'FAIL ') + '逃逸方向随机性 ' + dirs.join(''));
|
||||
ok = pass && ok;
|
||||
}
|
||||
|
||||
process.exit(ok ? 0 : 1);
|
||||
@@ -0,0 +1,47 @@
|
||||
/* ============================================================
|
||||
* debug_physics_balls_volley_loop.js · 物理弹球 · 大连发死循环回归
|
||||
* 复现场景：队列 15 球连发。旧 bug：连发期间回收球回队使 queue 永不空，
|
||||
* 状态永远停在 firing（无限连发循环，回合不推进）。
|
||||
* 断言：1) firing 在 ~3s 内结束 2) 60s 内回合推进（turn>=2 或 over）
|
||||
* 运行：node dev_test_scripts/debug/debug_physics_balls_volley_loop.js
|
||||
* ============================================================ */
|
||||
'use strict';
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const vm = require('vm');
|
||||
|
||||
const LAB = path.join(__dirname, '..', '..', 'public', 'tools', 'thought_lab', 'labs', 'physics_balls');
|
||||
const ctx = {
|
||||
Math,
|
||||
console,
|
||||
PBAudio: { fire() {}, hit() {}, wall() {}, item() {}, breakBlock() {}, over() {} },
|
||||
PBStorage: { getEscape() { return 50; } }
|
||||
};
|
||||
vm.createContext(ctx);
|
||||
for (const f of ['pb_physics.js', 'pb_rules.js', 'pb_game.js']) {
|
||||
vm.runInContext(fs.readFileSync(path.join(LAB, f), 'utf8'), ctx, { filename: f });
|
||||
}
|
||||
|
||||
const G = ctx.PBGame;
|
||||
let ok = true;
|
||||
|
||||
for (const n of [15, 25]) {
|
||||
const g = G.create();
|
||||
G.startGame(g);
|
||||
g.queue = Array(n).fill(true); // 15/25 个大球，复现截图局面
|
||||
g.aimAngle = 0.2;
|
||||
G.fire(g);
|
||||
|
||||
let firingEnd = -1, turnAdvanced = false;
|
||||
for (let i = 1; i <= 60 * 60; i++) {
|
||||
G.update(g, 1 / 60);
|
||||
if (firingEnd < 0 && g.state !== 'firing') firingEnd = i / 60;
|
||||
if (g.turn >= 2 || g.state === 'over') { turnAdvanced = true; break; }
|
||||
}
|
||||
const p1 = firingEnd > 0 && firingEnd <= n * 0.13 + 1.5;
|
||||
console.log((p1 ? 'PASS ' : 'FAIL ') + n + '球连发 firing 结束于 ' + (firingEnd < 0 ? '未结束(死循环)' : firingEnd.toFixed(1) + 's'));
|
||||
console.log((turnAdvanced ? 'PASS ' : 'FAIL ') + n + '球连发 回合推进 turn=' + g.turn + ' state=' + g.state + ' queue=' + g.queue.length);
|
||||
ok = p1 && turnAdvanced && ok;
|
||||
}
|
||||
|
||||
process.exit(ok ? 0 : 1);
|
||||
Reference in New Issue
Block a user