本页目录
项目聚集型

Three.js 开源游戏精选:从 3D 迷宫到微信小游戏的 10 个实战项目

基于 4225.cn 已发布项目中 19 个 Three.js 相关游戏的专题整理

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

专题导读

基于 4225.cn 已发布项目中 19 个 Three.js 相关游戏的专题整理

面向 Web 3D 游戏开发者的 Three.js 实战项目合集,覆盖物理引擎、跨平台适配、微信小游戏与经典玩法复刻。

目标用户

Three.js 学习者、Web 3D 游戏开发者、微信小游戏开发者、前端图形技术爱好者

推荐理由

已发布项目中「Three.js」聚集 19 个,适合整理专题。

正文大纲

  1. 专题导语:为什么选择 Three.js 做游戏
  2. Three.js 核心库与跨平台适配方案
  3. 3D 物理与迷宫类游戏实战
  4. 微信小游戏与 Three.js 结合案例
  5. AR 与创意玩法项目
  6. 入门与进阶学习路径建议

专题项目

10 个项目
three.js —— JavaScript 3D 图形库(WebGL / WebGPU)

three.js —— JavaScript 3D 图形库(WebGL / WebGPU)

three.js 是一个 JavaScript 3D 图形库,项目目标是做一个易用、轻量、跨浏览器的通用 3D 库。根据 README,当前构建只包含 WebGL 与 WebGPU 渲染器,SVG 与 CSS3D 渲染器则以 addons 形式提供;仓库 topics 覆盖 WebXR、虚拟现实、增强现实、WebAudio、Canvas 等方向。实际性能与浏览器兼容情况待核验。

沙盒生存 自研引擎 C 中级
★ 11,139 Fork 1,460 MIT 更新 2026-11-07

推荐理由Three.js 官方核心库,专题所有项目的基础依赖,必选。

wwwtyro/Astray

A WebGL maze game built with Three.js and Box2dWeb.

★ 607 ⑂ 372

Astray:Three.js + Box2dWeb 的 WebGL 迷宫游戏

Astray 是一个使用 Three.js 与 Box2dWeb 构建的 WebGL 迷宫游戏,仓库语言为 JavaScript。README 说明可克隆或下载仓库,在项目目录启动 python -m SimpleHTTPServer(Python 3 及以上使用 python -m http.server),再访问 localhost:8000 运行,并提供在线试玩链接。具体玩法与功能细节待核验。

动作游戏 Three.js JavaScript 中级
★ 607 Fork 372 Unlicense 更新 2026-11-01

推荐理由Three.js + Box2dWeb 的 WebGL 迷宫游戏,经典物理集成示例。

Oimo.js 轻量级 3D 物理引擎

Oimo.js 轻量级 3D 物理引擎

Oimo.js 是一个面向 JavaScript 的轻量级 3D 物理引擎,由 OimoPhysics 完整转写而来;OimoPhysics 最初由 Saharan 使用 ActionScript 3.0 编写。项目提供主页、文档以及基础、复合物体(椅子、胶囊)、布娃娃和碰撞等示例页面。主页与文档链接均标注为仍在完善中,具体完成度待核验。

益智解谜 无明确引擎 C 入门
★ 270 Fork 71 MIT 更新 2026-11-04

推荐理由轻量级 3D 物理引擎,可与 Three.js 配合使用,扩展游戏物理能力。

THREE 跨平台适配库(three-platformize)

THREE 跨平台适配库(three-platformize)

一个让 THREE 平台化的 JavaScript 项目,目前已适配微信、淘宝、头条小程序以及微信小游戏,仓库话题还涉及 meshopt、minigame、miniprogram 等。需要注意的是,仓库提供的 README 摘录内容与该项目无关(为另一款应用 Braincup 的介绍),因此具体用法与功能细节待核验。

益智解谜 无明确引擎 Kotlin 中级
★ 346 Fork 32 未明确 更新 2026-11-07

推荐理由THREE 小程序平台化适配库,覆盖微信、淘宝、字节小程序,跨平台关键项目。

微信小游戏适配器(weapp-adapter)

微信小游戏适配器(weapp-adapter)

基于 ES6 编写的微信小游戏适配器,用于在微信小游戏环境中提供兼容层。仓库描述为「weapp-adapter of Wechat Tiny Game in ES6」,语言为 JavaScript。README 摘要内容与项目主题不符,涉及另一款增强现实游戏的发布日志,具体功能与用法待核验。

动作游戏 无明确引擎 Java 中级
★ 552 Fork 270 MIT 更新 2026-11-03

推荐理由微信小游戏 ES6 适配层,针对 Three.js 等框架做适配,小游戏开发基础工具。

微信小游戏 Three.js 构建示例(weth)

微信小游戏 Three.js 构建示例(weth)

weth 是一个用 three.js 构建微信小游戏的开源示例项目,仓库描述为「easy build wechat game with three.js」。README 展示的示例玩法为「Chose Figure Game」:玩家需从图形中选出正确的一个,共有 3 条生命,包含 80+ 关卡。项目语言为 JavaScript,主题标签为 threejs 与 wechat-game。具体构建流程与运行方式待核验。

益智解谜 无明确引擎 其他 入门
★ 47 Fork 10 MIT 更新 2026-07-05

推荐理由用 three.js 简化微信小游戏构建流程,适合小游戏入门参考。

榫光 · 榫卯连环:微信 3D 益智小游戏(Three.js 手写渲染管线)

榫光 · 榫卯连环:微信 3D 益智小游戏(Three.js 手写渲染管线)

这是一个微信 3D 益智小游戏,以榫卯木锁与九连环为玩法主题,共 12 关。项目使用 JavaScript 与 Three.js,手写渲染管线,未使用游戏引擎,并涉及 canvas2d、WebGL 等技术方向。仓库 README 摘要内容与项目描述不一致,实际文档与运行方式待核验。

动作游戏 无明确引擎 C 中级
★ 247 Fork 96 MIT 更新 2026-10-11

推荐理由Three.js 手写渲染管线的微信 3D 益智小游戏,完整玩法与难度设计,实战价值高。

抓了个抓:AR 捕捉微信小游戏(Pokémon GO 玩法)

抓了个抓:AR 捕捉微信小游戏(Pokémon GO 玩法)

一款参照 Pokémon GO 核心玩法的微信小游戏,提供 VKSession 真 AR 与陀螺仪经典两种模式,内置 8 只 AI 生成的 Q 版精灵供玩家捕捉。项目使用 JavaScript 开发,涉及 three.js、threejs-miniprogram 与 VK-Session 等技术。仓库 README 摘录内容为 Phaser 框架介绍,与项目描述不符,具体实现与运行方式待核验。

其他 Phaser JavaScript 中级
★ 40,658 Fork 7,184 未明确 更新 2026-11-07

推荐理由AR 捕捉微信小游戏,结合摄像头与 Three.js,展示创新玩法。

Overworld:React Three Fiber 模块化 RPG 系统

Overworld:React Three Fiber 模块化 RPG 系统

面向 React Three Fiber 与 Three.js 的模块化 TypeScript RPG 系统集合,涵盖任务、对话、背包、AI、多人联机、持久化以及跨平台适配等模块。仓库描述与 README 摘录内容不一致(摘录为 Torque2D 相关文本),具体功能与实现情况待核验。

其他 自研引擎 C 高级
★ 1,721 Fork 140 MIT 更新 2026-11-07

推荐理由TypeScript 模块化 3D RPG 系统框架,支持 React Three Fiber 与 Three.js,适合中大型项目参考。

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

推荐理由3D 叠楼 × 康威生命游戏,获微信小游戏大赛奖项,创意与完成度兼具。