首页 > 基础资料 博客日记

Childhood,23款童年卡牌游戏复刻

2026-05-24 11:00:01基础资料围观13

文章Childhood,23款童年卡牌游戏复刻分享给大家,欢迎收藏极客资料网,专注分享技术知识

有一天突然想起小时候课间玩的那些纸牌游戏——刀杀鸡、龙虎斗、兽棋、小皇帝……这些游戏规则简单但极其上头,网上却几乎找不到能玩的版本。

于是我决定把这些童年记忆全部复活成可以在浏览器里直接玩的网页游戏。所以搞了一个纯前端经典游戏合集,当前收录了 23 款童年桌游与卡牌游戏(持续增加中)。

当然现在功能基本完成,但是人机对弈中的电脑水平还有点堪忧,慢慢优化中。

当前支持直接在线体验,支持Windows/MacOS/Linux安装。

卡牌游戏

经典童年卡牌对战

刀杀鸡 龙虎斗 兽棋
刀杀鸡 龙虎斗 兽棋
军师旅团营 猫捉老鼠 小皇帝
军师旅团营 猫捉老鼠 小皇帝

经典棋盘游戏

经典棋盘游戏

中国象棋 国际象棋 军棋(棋盘版)
中国象棋 国际象棋 军棋
五子棋 黑白棋 国际跳棋
五子棋 黑白棋 国际跳棋
井字棋 中国跳棋 围棋
井字棋 中国跳棋 围棋

欢乐骰子游戏

飞行棋
飞行棋

童年棋盘游戏

狼吃羊 憋茅坑 小猫钓鱼 钻牛角尖 摆四龙 蚂蚁搬家 四步钉
狼吃羊 憋茅坑 小猫钓鱼 钻牛角尖 摆四龙 蚂蚁搬家 四步钉

项目结构

childhood/
├── apps/
│   ├── card-game/                    # 童年经典卡牌游戏
│   │   ├── knife-kills-chicken/      # 刀杀鸡
│   │   ├── dragon-tiger-fight/       # 龙虎斗
│   │   ├── animal-chess/             # 兽棋
│   │   ├── chinese-army-chess/       # 军师旅团营
│   │   ├── cat-and-mouse/            # 猫捉老鼠
│   │   └── little-emperor/           # 小皇帝
│   ├── board-game/                   # 经典棋盘游戏
│   │   ├── chinese-chess/            # 中国象棋
│   │   ├── international-chess/      # 国际象棋
│   │   ├── chinese-army-chess/       # 军棋(棋盘版)
│   │   ├── gomoku/                   # 五子棋
│   │   ├── reversi/                  # 黑白棋
│   │   ├── checkers/                 # 国际跳棋
│   │   ├── tic-tac-toe/              # 井字棋
│   │   ├── chinese-checkers/         # 中国跳棋
│   │   └── go/                       # 围棋
│   ├── dice-game/                    # 欢乐骰子游戏
│   │   └── flying-chess/             # 飞行棋
│   ├── childhood-board-game/         # 童年棋盘游戏
│   │   ├── lang-chi-yang/            # 狼吃羊
│   │   ├── bie-mao-keng/             # 憋茅坑
│   │   ├── xiao-mao-diao-yu/         # 小猫钓鱼
│   │   ├── zuan-niu-jiao-jian/       # 钻牛角尖
│   │   ├── bai-si-long/              # 摆四龙
│   │   ├── ma-yi-ban-jia/            # 蚂蚁搬家
│   │   └── si-bu-ding/               # 四步钉
│   └── common/                       # 共享模块
│       ├── card-game-core.js         # 卡牌游戏核心逻辑
│       └── game-utils.js             # 游戏工具函数
├── js/                               # 全局 JavaScript
├── css/                              # 全局样式
├── images/                           # 图片资源
├── index.html                        # 入口页面
└── package.json                      # 项目配置

快速开始

# 克隆项目
git clone https://github.com/jiangxincode/childhood.git
cd childhood

# 安装依赖
npm install

直接用浏览器打开index.html即可,或者npx serve后访问http://localhost:3000

运行测试

# 执行全部测试
npm test

# 监听模式
npm run test:watch

开源地址:https://github.com/jiangxincode/childhood


文章来源:https://www.cnblogs.com/jiangxinnju/p/20139842
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:jacktools123@163.com进行投诉反馈,一经查实,立即删除!

标签:

相关文章

本站推荐

标签云