本页目录

超空间垃圾分类(Hyperspace Garbage Collection)——JavaScript 街机推箱解谜小游戏

game-off-2013 · razh/game-off-2013

这是 razh 参加 2013 年 GitHub Game Off 的 JavaScript 浏览器小游戏。玩家用 WASD 或方向键(也支持触屏)移动,按空格在物质与反物质间切换,把红、蓝两色垃圾推到同色触发器上即可开门进入下一关;异色垃圾相撞会互相湮灭,激光只销...

动作游戏 益智解谜 自研引擎 JavaScript 角色控制 碰撞检测 物理系统 关卡管理 入门
★ Stars 63 Forks 11 License MIT 更新 2026-03-20

国内开发环境适配

Windows
未知
Linux
未知
macOS
未知
引擎 / 框架:自研引擎 暂无中文教程标记 未标记站长实测
项目依赖 Box2dWeb、RequireJS 以及 Sass/Compass、Jade 等工具,均为前端资源,国内获取一般无障碍;README 未给出具体构建命令,实际依赖安装与运行方式待核验。

中文项目介绍

《Hyperspace Garbage Collection》(超空间垃圾分类)是开发者 razh 为 2013 年 GitHub Game Off 活动提交的浏览器小游戏。作品把「垃圾分类」这一日常概念搬进科幻设定:玩家操控一台名为 N4n 的废物管理系统机器人,在多元宇宙交汇处的垃圾处理厂中穿行,把物质与反物质垃圾分别送入对应颜色的触发器,从而打开通往下一关的门。

README 开篇即给出截图与操作说明,整体定位是一个体量轻巧、规则清晰的街机式解谜小游戏。仓库同时提供了项目主页链接,但 README 中并未声明在线试玩地址,具体可玩性以仓库内容与 README 描述为准。

玩法指南

README 的 Instructions 一节把核心规则讲得很直接:

  • 移动:使用 WASD、方向键(←↑→↓),也支持触屏操作。
  • 切换物质类型:按空格键在「物质(matter)」与「反物质(antimatter)」之间切换。
  • 颜色对应:红色代表反物质,蓝色代表物质。
  • 目标:把正确类型的垃圾推到同色触发器上,即可开启通往下一关的门。
  • 湮灭机制:物质垃圾与反物质垃圾相撞会互相销毁,因此推错方向可能让关键垃圾消失。
  • 存活时限:垃圾存在有限的存活时间,需要抓紧处理。
  • 激光:激光不会伤害玩家,但会销毁与其同色的垃圾。

从这些规则可以看出,游戏在「推箱子」式空间解谜的基础上叠加了颜色/物质状态切换与时间压力,玩家需要同时规划路线、切换自身属性并利用激光等环境要素。

背景故事

README 用一段颇具幽默感的科幻叙事交代了游戏情境:在被称为 Alpha Omnicron Seven 的多元宇宙交汇点,第十九代 Cyber-Fruit Inc. 设计的废物管理机器 N4n 已勤勉维护 Variadic Intergalactic Garbage Processing Plant 长达七千年。它配备双模式力场、悬浮引擎以及专有的情绪显示装置。

处理厂同时接收物质与反物质进行回收,日常运作本已自动化,各市政单位必须严格遵守交付时间表以避免彻底湮灭。然而来自 Universe 8N9 的 Reptilian Corgiods 提前 0.2 秒通过垃圾传送孔送来了数毫吨反物质太空废物,物质与反物质的不平衡引发了多起灾难性爆炸,装卸区的结构性损坏与辐射级联过载了 N4n 的人工智能核心。

于是手动接管被激活,玩家需要引导 N4n 穿越危险的垃圾堆洞穴,抵达主系统核心,恢复垃圾处理的正常秩序。这段背景为关卡推进提供了叙事动机,也解释了游戏中物质/反物质并存的设定来源。

技术架构分析

技术要点

README 的 Dependencies 一节列出了运行期依赖:

  • Box2dWeb:JavaScript 的 2D 物理引擎,用于处理垃圾、碰撞与物理交互。
  • RequireJS:AMD 模块加载器,用于组织前端代码模块。

开发期依赖则包括:

  • Sass 与 Compass:样式表的编写与编译工具链。
  • Jade:模板引擎,用于生成页面结构。

由此可以推断项目采用「物理引擎 + 模块化 JavaScript + 预编译样式/模板」的典型 2013 年前后前端游戏工程结构。README 未进一步说明渲染方式、关卡数据格式或构建脚本细节,这些内容需查阅仓库源码确认。

构建与运行

README 只列出了依赖清单,没有给出完整的构建命令或运行步骤。基于所列依赖,可以合理推测的流程是:先安装 Box2dWeb 与 RequireJS 等运行期库,再通过 Compass 编译 Sass 样式、通过 Jade 生成 HTML 页面,最后在浏览器中打开入口页面。

由于 README 未提供在线试玩地址,也未说明是否需要本地静态服务器,实际运行方式请以仓库中的文件结构与说明为准,本文不对未写明的步骤作断言。

补充说明

学习建议

这个项目适合作为以下方向的学习参考:

  • 浏览器小游戏工程化:观察 RequireJS 模块划分与 Sass/Jade 工具链在 2013 年前后项目中的组织方式。
  • 物理引擎入门:Box2dWeb 在推箱式玩法中的使用,包括物体碰撞与运动处理。
  • 规则驱动的解谜设计:用少量规则(颜色对应、湮灭、存活时限、激光)组合出关卡变化,是值得借鉴的轻量设计思路。
  • Game Jam 项目结构:作为 GitHub Game Off 参赛作品,可参考其在有限时间内如何平衡玩法、叙事与工程实现。

建议先通读 README 与源码目录,再对照依赖清单理解各模块职责,最后尝试修改关卡参数或规则数值来观察玩法变化。

开源许可证与版权说明

许可证标识:MIT。源码、资源与依赖许可可能不同,请以官方仓库为准。本站仅做索引,不托管源码。

相似项目