中国象棋 3D 对战

用 Three.js 搭建的立体象棋棋盘：固定斜俯视视角、人偶棋子、走子编排、吃子战斗特效与战果 HUD。

已上线

进入对战

中国象棋 3DTHREE.JS · WEBGL

界面示意

项目概览

浏览器里的中国象棋对战，用 Three.js 渲染。镜头固定在斜俯视角度——既保证棋盘格局一眼看清，又让棋子保留立体存在感。

网上的象棋大多是平面棋盘配平面圆片——规则齐全，但没有戏。这个项目把戏找回来：棋子会走，吃子有落点，结果有演出。

固定斜俯视棋盘

调校过的机位，十路棋格无需旋转即可通读。

人偶棋子

每个棋子是角色而非圆片，按兵种区分姿态。

走子编排与吃子特效

走子是有路径的动画，吃子会演成一次交手。

将军与战果 HUD

将军、绝杀与战果以全场景叠层呈现。

Three.js、TypeScript、Vite、Vitest。