game-hub:基于原生 HTML/CSS/JavaScript 的网页游戏合集项目

游戏大全:一款无需安装、打开即玩的网页游戏合集,包含贪吃蛇、2048、记忆翻牌、井字棋和扫雷。

分支3Tags0
Game Hub logo

Game Hub 游戏大全

五款经典游戏,打开即玩。零运行时依赖,零后端,成绩只留在浏览器。

Developed with Lingda Harness Runtime dependencies: 0 Tests: 8 passing License: MIT

Lingda 开发 · 快速开始 · 界面预览


Game Hub 是一个面向桌面端与移动端的网页游戏合集。项目由 Lingda Harness(灵搭) 驱动,从需求拆解、规则实现、自动化测试到真实浏览器验收完成,并使用原生 HTML、CSS 和 JavaScript 交付。

Lingda 驱动开发

  • 需求与设计:在 Lingda Workspace 中读取仓库上下文,确定产品边界与交互方案。
  • 实现与验证:直接编辑源码、运行测试,并用 Chromium 验收五款游戏和响应式布局。
  • 工程原则:游戏规则放在 src/games/,保持纯函数、可独立测试,不依赖 DOM。
  • 交付复用:从提交、推送、合并请求到文档更新,全部在同一工作台内完成。

内置游戏

贪吃蛇 2048 记忆翻牌 井字棋 扫雷

支持键盘、WASD、鼠标、触控和滑动;成绩与游玩次数仅保存在浏览器 localStorage。

快速开始

要求 Node.js 20 或更高版本。

npm start

访问 http://127.0.0.1:4173。运行检查:

npm test
npm run lint

界面预览

Game Hub 桌面端与移动端界面预览

桌面端原图 · 移动端原图

架构

  • index.html + styles.css:响应式页面结构和街机视觉样式。
  • src/app.js:游戏挂载、输入绑定、统计和页面生命周期。
  • src/games/:五款游戏的可测试核心规则。
  • src/progress.js:基于 localStorage 的本地成绩记录。
  • tests/game-logic.test.js:规则、边界条件和关键状态测试。

参与贡献

欢迎提交 Issue 和 Pull Request。提交前请运行 npm test 与 npm run lint,并保持项目零第三方运行依赖。

许可

MIT License

项目介绍

游戏大全:一款无需安装、打开即玩的网页游戏合集,包含贪吃蛇、2048、记忆翻牌、井字棋和扫雷。

定制我的领域