方块游戏机 Brick Game

复刻经典掌上方块游戏机(Brick Game 9999 in 1)的网页游戏合集,内置 49 款游戏,霓虹像素画面 + 8bit 芯片音效,零依赖、零构建、双击即玩

v0.1.0

界面预览

游戏菜单
桌面端 · 游戏菜单(49 款游戏选择)
方块经典对局
桌面端 · 方块经典对局
移动端
移动端 · 虚拟按键与游戏菜单

功能特性

🕹️

49 款游戏

方块家族、贪吃蛇、赛车、打飞机、坦克、打砖块、拼图、记忆翻牌等原机全系列玩法一网打尽

🧩

16 款全新玩法

2048、消星星、扫雷、贪吃豆、黑白棋、月面着陆、拉霸机、汉诺塔等原创游戏

🎨

霓虹像素画面

预烘焙发光方块精灵、扫描线 + CRT 暗角、行消除爆裂粒子、屏幕震动与动态背景

🎵

8bit 芯片音效

WebAudio 实时合成 30 余种音效,附完整双声部芯片音乐,声音开关随时切换

🏆

最高分存档

每个游戏独立最高分记录,本地保存,新纪录专门提示

现代游戏手感

DAS 连发移动、踢墙旋转、软降计分、硬降速降,手感对标现代方块游戏

🖥️

全屏模式

按 F 或点 FULL 按钮铺满整屏、隐藏窗口按钮,ESC 退出

📱

手机完美支持

虚拟方向键 + A/B 键,滑动移动、快速下滑速降、轻点旋转;添加到主屏幕即可全屏独立运行

🎛️

经典面板

SOUND 声音、PAUSE 暂停、RESET 回菜单面板按钮,0–9 速度选择和原机一样

🌙

后台自动暂停

切到后台自动暂停游戏,回来接着玩,不丢进度

🚀

零依赖零构建

纯原生 HTML5 / Canvas / WebAudio 手写实现,无任何框架依赖

🐳

多种部署方式

飞牛 NAS(fnOS)FPK、Docker 镜像、本地二进制三种方式

界面预览

游戏主菜单 · 49 合 1 选关界面
游戏主菜单 · 49 合 1 选关界面
经典方块 · 游戏对局
经典方块 · 游戏对局

技术架构

前端技术

  • HTML5 Canvas - 游戏渲染
  • WebAudio - 音效与音乐实时合成
  • 原生 JavaScript,零依赖零构建
  • localStorage - 最高分本地存档

后端技术

  • Go - 静态文件服务
  • 纯静态前端,服务端无状态

部署方式

  • 飞牛 NAS(fnOS)FPK 包(amd64 / arm64)
  • Docker 镜像
  • 本地二进制直接运行

快速开始

飞牛 NAS 安装

  1. 下载对应架构的 .fpk 文件
  2. 打开飞牛 NAS 桌面 → 应用中心
  3. 点击右上角 手动安装,选择下载的 .fpk 文件
  4. 设置应用端口(默认 8908),点击完成
  5. 安装完成后点击桌面图标「方块游戏机」点开即玩

Docker 运行

docker run -d \ --name techfunway-brick-game \ -p 8908:8908 \ --restart unless-stopped \ techfunways/brick-game:latest

docker-compose.yaml

services: brick-game: image: techfunways/brick-game:latest container_name: techfunway-brick-game restart: unless-stopped ports: - "8908:8908"

本地运行

make dev

浏览器打开 http://localhost:8908 即可,手机连同一局域网直接访问 NAS IP:8908。

💡 提示:游戏中按 F 或点 FULL 按钮进入全屏,ESC 退出;手机浏览器打开后选择「添加到主屏幕」,即可全屏独立运行,体验接近原生应用。

操作说明

桌面端

←→↓ 移动/软降 · /Z 旋转 · X 反转 · 空格 速降/开火 · Enter 暂停/确认 · Esc 返回菜单

手机端

方向键 + A(旋转/确认)+ B(取消);屏幕上左右滑动移动、快速下滑速降、轻点旋转;打砖块可直接拖动挡板。

更新日志

v0.1.0 2026-09-13
  • 首次发布:49 款游戏(33 款经典玩法 + 16 款全新小品),霓虹像素画面 + 8bit 芯片音乐,桌面键盘与手机触屏双适配
  • 纯静态前端 + Go 静态服务,默认端口 8908,安装/运行时均可自定义;无数据库,解压即用
  • 飞牛 fnOS 双架构安装包(x86 / arm):统一网关入口,桌面图标点开即玩
  • 多平台发行:Linux / macOS(amd64、arm64)、Windows amd64,以及多架构 Docker 镜像
  • 微信扫码赞赏入口(品牌栏 ♥),赞赏完全自愿;匿名支持计数可用 -disable-statsDISABLE_STATS=1 关闭
📌 说明:正式发版从 v0.1.0 开始,只保留当前版本的记录;发版前的内部迭代版本号(v0.4.x / v0.5.x / v1.4.x)已作废,不再保留。

常见问题

如何修改端口?

飞牛 NAS 安装时可在安装向导或运行设置中自定义端口(默认 8908)。Docker 方式通过 -p 参数映射端口。

最高分存在哪里?

最高分通过浏览器 localStorage 保存在本地设备上,服务端不存储任何数据。清除浏览器数据会同时清除最高分记录。

手机上怎么全屏玩?

用手机浏览器打开应用后,选择「添加到主屏幕」,从主屏幕图标打开即可全屏独立运行,体验接近原生应用。

游戏会中途丢失进度吗?

切换到后台或离开页面时会自动暂停,返回后接着玩;进行中的对局不会因误触而丢失。