dsh-dock 0.6.0 → 0.7.1

package/features/games/games/xiangqi.jsx

@@ -0,0 +1,128 @@
+/* 趣味游戏 · 象棋（棋盘对战）——纯 Client；玩家执红先行，AI 执黑。 */
+import { useCallback, useEffect, useRef, useState } from "react";
+import {
+	initialBoard, cloneBoard, pieceChar, inCheck, hasLegalMoves,
+	legalMoves, bestMove, applyMove,
+} from "../xiangqi-core.js";
+
+export function XiangqiGame(props) {
+	const [board, setBoard] = useState(initialBoard);
+	const [turn, setTurn] = useState("r");
+	const [sel, setSel] = useState(null);         // [r,c]
+	const [targets, setTargets] = useState([]);   // [r,c][]
+	const [over, setOver] = useState(null);       // 'r' | 'b' | 'draw'
+	const [check, setCheck] = useState(false);
+	const [last, setLast] = useState(null);
+	const [thinking, setThinking] = useState(false);
+	const [history, setHistory] = useState([]);
+
+	const stageRef = useRef(null);
+	const boardRef = useRef(board); boardRef.current = board;
+	const turnRef = useRef(turn); turnRef.current = turn;
+	const overRef = useRef(over); overRef.current = over;
+	const thinkingRef = useRef(thinking); thinkingRef.current = thinking;
+	const historyRef = useRef(history); historyRef.current = history;
+
+	const restart = useCallback(() => {
+		const b = initialBoard();
+		boardRef.current = b;
+		setBoard(b); setTurn("r"); setSel(null); setTargets([]); setOver(null); setCheck(false); setLast(null); setThinking(false); setHistory([]);
+	}, []);
+
+	const undo = useCallback(() => {
+		if (thinkingRef.current || overRef.current || turnRef.current !== "r") return;
+		const h = historyRef.current;
+		if (h.length < 2) return;
+		const hist = h.slice(0, -2);
+		const b = hist.length ? cloneBoard(hist[hist.length - 1]) : initialBoard();
+		boardRef.current = b;
+		setBoard(b); setHistory(hist); setSel(null); setTargets([]); setLast(null); setOver(null);
+		setCheck(inCheck(b, "r"));
+	}, []);
+
+	const moveRed = useCallback((tr, tc) => {
+		if (turnRef.current !== "r" || overRef.current || !sel) return;
+		const fr = sel[0], fc = sel[1];
+		const nb = applyMove(boardRef.current, fr, fc, tr, tc);
+		setHistory((h) => [...h, boardRef.current]);
+		boardRef.current = nb;
+		setBoard(nb);
+		setSel(null); setTargets([]); setLast([tr, tc]);
+		setTurn("b");
+		if (!hasLegalMoves(nb, "b")) { setOver("r"); setCheck(false); }
+		else setCheck(inCheck(nb, "b"));
+	}, [sel]);
+
+	const select = useCallback((r, c) => {
+		if (overRef.current || turnRef.current !== "r" || thinkingRef.current) return;
+		const p = boardRef.current[r][c];
+		if (p && p.c === "r") {
+			setSel([r, c]);
+			const list = legalMoves(boardRef.current, "r").filter((m) => m[0] === r && m[1] === c).map((m) => [m[2], m[3]]);
+			setTargets(list);
+			return;
+		}
+		if (sel && targets.some(([tr, tc]) => tr === r && tc === c)) { moveRed(r, c); return; }
+		setSel(null); setTargets([]);
+	}, [sel, targets, moveRed]);
+
+	// AI 回合（执黑）。
+	useEffect(() => {
+		if (turn !== "b" || over || props.paused) return;
+		const t = setTimeout(() => {
+			const mv = bestMove(boardRef.current, "b", 3);
+			if (mv) {
+				const [fr, fc, tr, tc] = mv;
+				const nb = applyMove(boardRef.current, fr, fc, tr, tc);
+				setHistory((h) => [...h, boardRef.current]);
+				boardRef.current = nb;
+				setBoard(nb); setLast([tr, tc]); setTurn("r");
+				if (!hasLegalMoves(nb, "r")) { setOver("b"); setCheck(false); }
+				else setCheck(inCheck(nb, "r"));
+			} else setOver("r");
+			setThinking(false);
+		}, 90);
+		setThinking(true);
+		return () => clearTimeout(t);
+	}, [turn, over, props.paused]);
+
+	useEffect(() => {
+		if (props.paused) return;
+		if (stageRef.current) stageRef.current.focus();
+	}, [turn, over, props.paused]);
+
+	const onKeyDown = useCallback((event) => {
+		if (event.key.toLowerCase() === "r") { event.preventDefault(); restart(); }
+		else if (event.key.toLowerCase() === "u") { event.preventDefault(); undo(); }
+	}, [restart, undo]);
+
+	const status = over === "r" ? "红方胜 · 恭喜" : over === "b" ? "黑方胜 · AI 赢" : (thinking ? "AI 思考中…" : (check ? "将军！" : (turn === "r" ? "轮到你（红方）" : "轮到 AI（黑方）")));
+
+	return <section className="dgame-game" aria-label="象棋">
+		<div className="dgame-game-head"><div><h3>中国象棋</h3><p>你执红先行，AI 执黑；吃掉对方将/帅即胜。点击选中红子，再点高亮落点走棋。</p></div><div className="dgame-score"><span>当前</span><strong className="dg-gomoku-status">{status}</strong><button type="button" onClick={undo}>撤销</button><button type="button" onClick={restart}>重开</button></div></div>
+		<div className="dgame-xiangqi-board" ref={stageRef} tabIndex={0} onKeyDown={onKeyDown} role="grid" aria-label="中国象棋棋盘">
+			{board.map((row, r) => row.map((p, c) => {
+				const isSel = sel && sel[0] === r && sel[1] === c;
+				const isTargetMark = targets.some(([tr, tc]) => tr === r && tc === c);
+				const isLast = last && last[0] === r && last[1] === c;
+				return <button type="button" key={r + "-" + c} role="gridcell"
+					className={"dgame-xiangqi-cell" + (isSel ? " sel" : "") + (isTargetMark ? " target" : "") + (isLast ? " last" : "")}
+					aria-label={"第" + (r + 1) + "行第" + (c + 1) + "列" + (p ? pieceChar(p) : " 空")}
+					onClick={() => select(r, c)}>
+					{p ? <span className={"dgame-xiangqi-pc " + p.c}>{pieceChar(p)}</span> : (isTargetMark ? <span className="dgame-xiangqi-dot" aria-hidden="true" /> : null)}
+				</button>;
+			}))}
+		</div>
+		<div className="dgame-controls"><button type="button" onClick={undo}>撤销</button><span>{status} · R 重开 · U 撤销</span><button type="button" onClick={restart}>重开</button></div>
+	</section>;
+}
+
+export function XiangqiPreview() {
+	return <span className="dgcov-prev dgcov-prev-xiangqi" aria-hidden="true">
+		{["車馬象士將象馬車", "·炮·····炮·", "卒.卒.卒.卒.卒", "兵.兵.兵.兵.兵", "·炮·····炮·", "車馬相仕帥相馬車"].map((row, r) => <b key={r}>{row}</b>)}
+	</span>;
+}
+
+export const xiangqiGame = { Game: XiangqiGame, Preview: XiangqiPreview, css: `
+.dgame-xiangqi-board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);align-self:center;width:min(100%,320px);aspect-ratio:9/10;padding:6px;border-radius:8px;background:linear-gradient(135deg,#e8c07a,#c08a3e);border:1px solid color-mix(in srgb,#8a5a1c 55%,transparent);box-shadow:0 4px 18px rgb(0 0 0/.35),inset 0 0 0 2px rgba(0,0,0,.14);outline:none;background-image:repeating-linear-gradient(90deg,transparent 0 calc(100%/8),rgba(0,0,0,.14) calc(100%/8) calc(100%/8 + 2px)),repeating-linear-gradient(0deg,transparent 0 calc(100%/9),rgba(85,52,0,.28) calc(100%/9) calc(100%/9 + 2px))}.dgame-xiangqi-board:focus-visible{box-shadow:0 0 0 3px rgba(0,0,0,.25)}.dgame-xiangqi-cell{position:relative;background:transparent;border:none;cursor:pointer;padding:0;margin:0;outline:none;display:grid;place-items:center}.dgame-xiangqi-cell.sel{box-shadow:inset 0 0 0 3px rgba(255,200,80,.55)}.dgame-xiangqi-cell.target .dgame-xiangqi-dot{width:10px;height:10px;border-radius:50%;background:rgba(34,211,238,.55);box-shadow:0 0 8px rgba(34,211,238,.6)}.dgame-xiangqi-cell.last{box-shadow:inset 0 0 0 3px rgba(248,113,113,.5)}.dgame-xiangqi-pc{font-size:clamp(11px,2.2vw,15px);font-weight:700;display:block;z-index:1}.dgame-xiangqi-pc.r{color:#b91c1c;text-shadow:0 1px 0 rgba(255,255,255,.5)}.dgame-xiangqi-pc.b{color:#1f2937;text-shadow:0 1px 0 rgba(255,255,255,.35)}
+` };

package/features/games/tank-core.js

@@ -0,0 +1,152 @@
+/* 趣味游戏 · 坦克大战核心逻辑（纯函数，无 React）——供组件复用，便于单测。 */
+export const GRID = 15;
+export const EMPTY = 0, STEEL = 1, BRICK = 2, BASE = 3;
+const DIRS = { up: [-1, 0], down: [1, 0], left: [0, -1], right: [0, 1] };
+export const DIR_KEYS = Object.keys(DIRS);
+const SPAWNS = [{ r: 0, c: 0 }, { r: 0, c: 7 }, { r: 0, c: 14 }];
+
+function cloneGrid(g) { return g.map((row) => row.slice()); }
+function inBounds(r, c) { return r >= 0 && r < GRID && c >= 0 && c < GRID; }
+function cellBlockedForTank(grid, r, c) { return !inBounds(r, c) || grid[r][c] !== EMPTY; }
+
+export function makeGrid() {
+	const g = Array.from({ length: GRID }, () => Array(GRID).fill(EMPTY));
+	const set = (r, c, v) => { if (r >= 0 && r < GRID && c >= 0 && c < GRID) g[r][c] = v; };
+	for (let r = 2; r <= 5; r += 1) { set(r, 3, STEEL); set(r, 11, STEEL); set(r, 7, STEEL); }
+	for (let c = 4; c <= 10; c += 1) set(8, c, BRICK);
+	set(9, 5, BRICK); set(9, 6, BRICK); set(9, 8, BRICK); set(9, 9, BRICK); set(9, 10, BRICK);
+	set(13, 7, BASE);
+	set(12, 6, BRICK); set(12, 7, BRICK); set(12, 8, BRICK);
+	set(13, 6, BRICK); set(13, 8, BRICK);
+	return g;
+}
+export function findBase(grid) {
+	for (let r = 0; r < GRID; r += 1) for (let c = 0; c < GRID; c += 1) if (grid[r][c] === BASE) return { r, c };
+	return { r: 13, c: 7 };
+}
+function playerSpawn() { return { r: 11, c: 7, dir: "up", alive: true, lives: 3, cooldown: 0 }; }
+
+export function initialState() {
+	return {
+		grid: makeGrid(),
+		player: playerSpawn(),
+		enemies: [],
+		bullets: [],
+		score: 0,
+		wave: 1,
+		remaining: 4,
+		active: 2,
+		spawnTick: 0,
+		over: false, win: false,
+		respawnTicks: 0,
+	};
+}
+function spawnBullet(r, c, dir, from) {
+	const [dr, dc] = DIRS[dir];
+	return { r: r + dr, c: c + dc, dr, dc, from };
+}
+function spawnOne(grid, enemies) {
+	for (const s of SPAWNS) {
+		if (grid[s.r][s.c] === EMPTY && !enemies.some((e) => e.r === s.r && e.c === s.c)) {
+			return { r: s.r, c: s.c, dir: "down", hp: 1, cooldown: 3, moveTick: 0 };
+		}
+	}
+	return null;
+}
+
+export function step(state, input) {
+	if (state.over || state.win) return state;
+	const grid = cloneGrid(state.grid);
+	let player = Object.assign({}, state.player);
+	let enemies = state.enemies.map((e) => Object.assign({}, e));
+	let bullets = state.bullets.map((b) => Object.assign({}, b));
+	let remaining = state.remaining, score = state.score, over = state.over;
+	let respawnTicks = state.respawnTicks;
+	let spawnTick = state.spawnTick + 1;
+
+	// 玩家移动
+	if (player.alive && input.dir && DIRS[input.dir]) {
+		const [dr, dc] = DIRS[input.dir];
+		player.dir = input.dir;
+		const nr = player.r + dr, nc = player.c + dc;
+		if (!cellBlockedForTank(grid, nr, nc)) { player.r = nr; player.c = nc; }
+	}
+	// 玩家射击
+	if (player.alive && input.shoot && player.cooldown <= 0) {
+		bullets.push(spawnBullet(player.r, player.c, player.dir, "p"));
+		player.cooldown = 9;
+	}
+	player.cooldown = Math.max(0, player.cooldown - 1);
+
+	// 敌人移动/射击
+	for (let i = 0; i < enemies.length; i += 1) {
+		const e = enemies[i];
+		e.cooldown -= 1; e.moveTick += 1;
+		if (e.moveTick % 12 === 0) {
+			const [dr, dc] = DIRS[e.dir];
+			const nr = e.r + dr, nc = e.c + dc;
+			if (cellBlockedForTank(grid, nr, nc) || enemies.some((o, oi) => oi !== i && o.r === nr && o.c === nc)) {
+				const opts = DIR_KEYS.filter((d) => {
+					const [ddr, ddc] = DIRS[d];
+					const tr = e.r + ddr, tc = e.c + ddc;
+					return !cellBlockedForTank(grid, tr, tc) && !enemies.some((o, oi) => oi !== i && o.r === tr && o.c === tc);
+				});
+				if (opts.length) e.dir = opts[Math.floor(Math.random() * opts.length)];
+			} else { e.r = nr; e.c = nc; }
+		}
+		if (e.cooldown <= 0) {
+			bullets.push(spawnBullet(e.r, e.c, e.dir, "e"));
+			e.cooldown = 9 + Math.floor(Math.random() * 9);
+		}
+	}
+
+	// 子弹移动/碰撞
+	let baseHit = false, playerHit = false;
+	const nextBullets = [];
+	const base = findBase(grid);
+	for (const b of bullets) {
+		const nr = b.r + b.dr, nc = b.c + b.dc;
+		if (!inBounds(nr, nc)) continue;
+		const cell = grid[nr][nc];
+		if (cell === STEEL) continue;
+		if (cell === BRICK) { grid[nr][nc] = EMPTY; continue; }
+		if (cell === BASE) { if (b.from === "e") baseHit = true; continue; }
+		if (b.from === "p") {
+			const idx = enemies.findIndex((e) => e.r === nr && e.c === nc);
+			if (idx >= 0) { enemies.splice(idx, 1); score += 100; continue; }
+		} else if (player.alive && player.r === nr && player.c === nc) {
+			player.lives -= 1;
+			if (player.lives <= 0) over = true;
+			else { player.alive = false; respawnTicks = 24; }
+			continue;
+		}
+		b.r = nr; b.c = nc;
+		nextBullets.push(b);
+	}
+
+	// 生成敌人
+	if (remaining > 0 && enemies.length < state.active && spawnTick % 9 === 0) {
+		const fresh = spawnOne(grid, enemies);
+		if (fresh) { enemies.push(fresh); remaining -= 1; }
+	}
+	// 玩家重生
+	if (!player.alive && !over) {
+		if (respawnTicks <= 0) { player.alive = true; player.r = 11; player.c = 7; player.dir = "up"; player.cooldown = 0; }
+		else respawnTicks -= 1;
+	}
+
+	const win = remaining <= 0 && enemies.length === 0;
+	return Object.assign({}, state, {
+		grid, player, enemies, bullets: nextBullets, score, remaining,
+		over: over || baseHit, win, spawnTick, respawnTicks,
+	});
+}
+
+export function nextWave(state) {
+	return Object.assign({}, state, {
+		wave: state.wave + 1,
+		remaining: Math.min(3 + state.wave, 8),
+		active: Math.min(2 + Math.floor(state.wave / 2), 4),
+		enemies: [], win: false, spawnTick: 0,
+	});
+}