本页目录
项目聚集型

JavaScript 开源游戏精选:微信小游戏与 Canvas/Three.js 实战合集

从 228 个 JavaScript 已发布项目中,挑出可直接上手的小游戏与引擎示例

发布 2026-11-09 更新 2026-11-09 8 个关联项目

专题导读

从 228 个 JavaScript 已发布项目中,挑出可直接上手的小游戏与引擎示例

面向想用 JavaScript 做小游戏、尤其是微信小游戏方向的开发者,提供一份按平台与引擎分类的可运行项目清单,覆盖 Cocos、Egret、Three.js、Canvas 与小程序原生实现。

目标用户

具备基础 JavaScript 能力、希望入门或参考微信小游戏/网页小游戏开发的独立开发者、前端工程师与自学练手者。

推荐理由

库存中「JavaScript」语言标签下已发布项目达 228 个,样本充足,且候选项目集中在微信小游戏、Cocos/Egret 引擎、Three.js 与小程序原生玩法等清晰子方向,适合整理成结构化专题。

正文大纲

  1. 专题说明:JavaScript 小游戏生态与选品口径
  2. 微信小游戏平台实践:从 Flappy Bird 到 Aviator
  3. 引擎路线:Cocos Creator / Cocos2D-JS / Egret 示例对比
  4. Three.js 与 3D 玩法:Swings of Life 的叠楼 × 生命游戏
  5. 小程序原生玩法:打地鼠、答题与国学成语挑战
  6. 轻量库与工具:robin.js 的 Canvas 封装思路
  7. 上手建议与项目完成度核验清单

专题项目

8 个项目
微信小游戏版小行星(Astroid-Wechat-Game)

微信小游戏版小行星(Astroid-Wechat-Game)

该项目是用 JavaScript 在微信小游戏平台实现的经典《小行星》(Asteroid)玩法,仓库名写作 Astroid-Wechat-Game。README 提供在线文档与 doc 目录,并列出已完成排行榜、碰撞检测等,待办包括多人对战、AI、传送门和暂停。

其他 自研引擎 Java 中级
★ 1 Fork 1 未明确 更新 2026-10-10

推荐理由微信小游戏平台上的经典小行星玩法,README 列出排行榜、碰撞检测等已完成项与待办,完成度信息相对清晰,适合作为平台接入参考。

微信小程序打地鼠游戏(wechat-whack-a-mole)

微信小程序打地鼠游戏(wechat-whack-a-mole)

基于 JavaScript 的微信小程序打地鼠游戏:地鼠随机冒出,点击命中即可得分,包含实时计分、最高分记录、背景音乐与音效控制,并称适配多种手机屏幕。README 说明可用微信开发者工具打开运行,另附演示视频链接;具体实现与兼容性待核验。

其他 无明确引擎 JavaScript 高级
★ 297 Fork 169 未明确 更新 2026-10-26

推荐理由微信小程序打地鼠,含计分、最高分、音效与屏幕适配说明,并给出开发者工具运行方式,上手门槛低。

3D 叠楼 × 康威生命游戏小游戏(Swings of Life)

3D 叠楼 × 康威生命游戏小游戏(Swings of Life)

基于 Three.js 的 3D 网页小游戏,把「叠楼」玩法与康威生命游戏结合:玩家操控持续摆动的吊臂,在合适时机释放楼层使其逐层堆叠,楼层细胞按生命游戏规则演化。README 称该项目获 2020 年微信小游戏大赛全国三等奖;仓库主要语言为 JavaScript,主题标签含 game-of-life、minigame、wechat-app。

其他 无明确引擎 Java 中级
★ 27 Fork 19 未明确 更新 2026-10-09

推荐理由Three.js 实现的 3D 叠楼 × 康威生命游戏,README 标注获 2020 年微信小游戏大赛全国三等奖,玩法创意与 3D 渲染兼具参考价值。

蜗牛过桥:Cocos Creator 黑白休闲小游戏(Snail)

蜗牛过桥:Cocos Creator 黑白休闲小游戏(Snail)

基于 Cocos Creator 与 JavaScript 制作的极简黑白风格小游戏,作者自学练手之作。玩法为触摸屏幕控制木杆伸长,长度合适时帮助蜗牛越过桥抵达对岸。README 提供 PC 端与移动端的 GitHub Pages 在线体验链接;仓库 topics 标注了微信小游戏方向,具体适配情况待核验。

其他 无明确引擎 C++ 高级
★ 1,614 Fork 161 GPL-3.0 更新 2026-11-04

推荐理由Cocos Creator + JavaScript 的极简黑白休闲玩法,提供 PC 与移动端在线体验链接,适合作为 Cocos 入门样例。

Bfxr 音效生成器(Flash + AIR)

Bfxr 音效生成器(Flash + AIR)

Bfxr 是一款基于 Sfxr 的音效生成工具,使用 ActionScript 编写,以 Flash + AIR 形式运行,面向游戏开发中的音效制作场景。仓库 README 说明其已被 JavaScript 重写版本 Bfxr2 取代,AIR 相关代码另存于 Bfxr-AIR 仓库,项目采用 Apache-2.0 许可。具体功能细节与运行方式待核验。

其他 无明确引擎 C 中级
★ 1,028 Fork 91 未明确 更新 2026-11-07

推荐理由H5 版 Flappy Bird,README 明确标注未接入微信小游戏 API,可作为「网页版到小游戏移植」的对照案例。

robin.js —— JavaScript 简易游戏库(Canvas / 微信小游戏方向)

robin.js —— JavaScript 简易游戏库(Canvas / 微信小游戏方向)

robin.js 是一个用 JavaScript 编写的轻量游戏库,仓库简介自述为「a pretty simple game library for javascript」。从仓库 topics 看,它涉及 canvas-game 与 wechat-game,偏向 Canvas 游戏与微信小游戏方向,适合需要极简封装的开发者参考。目前 README 仅有标题一行,具体 API、模块划分、示例代码以及浏览器与微信小游戏的兼容性均待核验,上手前建议先阅读源码确认可用性。

其他 无明确引擎 中级
★ 26 Fork 5 未明确 更新 2026-08-04

推荐理由自述为极简 JavaScript 游戏库,涉及 canvas-game 与 wechat-game 标签,适合想了解轻量封装思路的开发者阅读源码。

微信答题小程序(question)— 含模拟考试与词典查询

微信答题小程序(question)— 含模拟考试与词典查询

JavaScript 编写的微信答题小程序,master 为已上线主分支。功能含答题、题目解析、分享、模拟考试、排名、签到与积分,并提供词典及汉字成语查询。miniprogram 目录为小程序源码,src 为计划用 uni-app 重写的页面,UI 使用 Vant;后端接口由 Java + MySQL 实现,运行前需配置 constant.js 中的接口地址与 token。

其他 无明确引擎 中级
★ 25 Fork 14 GPL-3.0 更新 2025-12-28

推荐理由功能较完整的微信答题小程序,含模拟考试、排名、签到积分与词典查询,并说明后端接口配置方式,适合参考完整业务闭环。

乐趣国学 · 微信小程序(国学成语挑战)

乐趣国学 · 微信小程序(国学成语挑战)

「乐趣国学」微信小程序端源码,属于包含小程序、iOS 移动端与 Java 后端的综合开源项目。应用分为国学经典、成语挑战、挑战排行、我的四个模块,内容涉及成语游戏、唐诗、宋词与四书五经。后端源码位于 SinologyGame-java-server 仓库,需配合使用;具体运行效果与接口情况待核验。

其他 无明确引擎 TypeScript 高级
★ 2,900 Fork 274 MIT 更新 2026-11-06

推荐理由国学成语挑战类小程序,属于小程序 + iOS + Java 后端的综合项目,可参考多端协作与内容型游戏设计。