欢迎来到 Neon Arcade!这是一个视觉极其炸裂、充满复古 Synthwave 律动与 CRT 扫描线质感的网页端街机游戏厅。
整个大厅由 Vanilla JS (纯原生 JavaScript)、HTML5 Canvas 与 CSS3 驱动,不依赖任何庞大的现代框架,轻量、纯粹且开箱即用。
- 赛博朋克街机美学:
- 3D 悬浮质感的街机机台交互,带霓虹呼吸发光特效。
- 仿真 CRT 电视屏幕滤镜,带横向扫描阴影,还原 80 年代街机机房观感。
- 漂浮的霓虹微粒与背景 Synthwave 动态流光网格地板。
- 纯代码合成 8-bit 音效:
- 摒弃了沉重的音频文件,由 Web Audio API 纯代码实时波形合成。
- 还原 NES 经典的方波、三角波与噪音颤音,提供清脆的投币声、碰撞音及胜利得瑟乐段。
- 统一大厅成就系统:
- 跨 IFrame postMessage 通信机制,游戏内达成特定条件(如扫雷通关、乒乓零封、数独熔毁等)实时向大厅推送并解锁成就。
- 内置成就墙看板,支持本地
localStorage存档记录。
- 极致优化的操控交互:
- 自适应高分屏的高清 DPR (devicePixelRatio) 物理像素渲染,杜绝画面模糊。
- 完美适配移动端触屏滑动手势,为移动玩家配备了防误触的专属虚拟“⚡ 蓄力/射击”控制按键。
大厅搭载了以下 21 款经典极简游戏,每一台都是精心重构的“赛博典藏版”:
| 编号 | 游戏名称 | 游戏亮点 |
|---|---|---|
| 01 | 🧱 赛博俄罗斯方块 (Tetris) | 霓虹方块重力掉落,平滑消行与重力加速。 |
| 02 | 💣 霓虹扫雷 (Mines) | 核心扫雷排除。首开避雷算法,爆炸 white noise。 |
| 03 | 🔢 赛博 2048 | 弹性自适应滑移,数感爆炸合并震动。 |
| 04 | 🧩 磁轨华容道 (Slide) | 横竖磁性滑轨,平滑手感绝不穿帮。 |
| 05 | ⚽ 粒子打砖块 (Breaker) | 分裂三倍球、电磁托底网、火花飞溅粒子特效。 |
| 06 | 🚀 是男人就上100层 (Climb) | 蓄力大跳,果冻质感压缩弹性拉满。 |
| 07 | ⛏️ 赛博黄金矿工 (Digger) | 钩爪圆摆,拉回物品阻力负重,大爆炸特效。 |
| 08 | 🔗 赛博连连看 (Connect) | 激光折线转弯连线,死锁自动重组洗牌。 |
| 09 | 🐍 赛博贪吃蛇 (Snake) | 霓虹流光蛇身,超频加速,吃能量豆与闪电。 |
| 10 | 🍕 赛博吃豆人 (Pacman) | 霓虹迷宫,四色幽灵巡逻拦截,药丸超频吞噬。 |
| 11 | 📦 赛博推箱子 (Sokoban) | 能量核充电,10大挑战关卡,支持一键撤销倒带。 |
| 12 | 🐦 赛博电磁鸟 (Flappy) | 等离子羽翼,高压电磁柱躲避,闪电袭击。 |
| 13 | 🦖 赛博小恐龙 (Dino) | 荒野奔跑,昼夜黑白强光反转,障碍极速躲避。 |
| 14 | 🏓 等离子乒乓 (Pong) | 重置主打:垂直上下双极板对决。极板物理摩擦力转移、空格键/长按蓄力红外折反射瞄准、超级扣杀震屏。 |
| 15 | 9️⃣ 霓虹数独 (Sudoku) | 蓝紫霓虹9宫格,冲突红光报警,彩虹通关脉冲。 |
| 16 | 🎵 霓虹节奏音轨 (Rhythm) | 4轨流光律动,D/F/J/K敲击,实时合成复古音符。 |
| 17 | ⛵ 大航海:无尽航路 (Voyage) | 新增:风向罗盘、港口贸易交易所、航海传闻、随机风暴与海盗交火。首屏带金色交互登录按钮。 |
| 18 | ⚔️ 三国演兵录 (War Idle) | 文字版三国挂机博弈推演。看风起云涌,天命大势花落谁家。 |
| 19 | ♟ 赛博国际象棋 (Chess) | 霓虹格子战场,支持 VS AI 与同屏双人对战,自带兵卒升变、王车易位等经典规则。 |
| 20 | ⚪ 赛博五子棋 (Gomoku) | 暗系荧光线网格,落子有向外扩散的霓虹涟漪,高能评估 AI 棋手,活三冲四自动警报。 |
| 21 | 🎱 霓虹斯诺克台球 (Billiards) | 完整正式比赛规则对攻,带双人/人机对决、犯规与罚分;支持激光水雷雷区与限时模式。 |
- 本项目为纯前端静态项目,无需搭建复杂的后端服务器。
- 鼠标双击直接打开
index.html即可在任意现代浏览器(Chrome / Edge / Firefox / Safari)中运行。 - 推荐运行方式:在 VS Code 中使用
Live Server插件一键启动,以便在手机和电脑端同网段联机游玩。
- 垂直对攻:1P 控制底部极板,2P/AI 控制顶部极板。球体在左右墙壁反弹。
- 物理摩擦:极板在高速移动时擦球,会将极板的水平速度转移给球,形成曲线球(香蕉球)轨道。
- 蓄力与方向瞄准:击球时按住空格(或鼠标/触屏长按),球会吸附在极板上进行充能。蓄力时射出红外线指示器,且在墙壁上可以最多折射反射 3 段。使用
A / D或鼠标滑动可调整反射角度,释放即可打出金光特效的超级扣杀。
- 港口贸易:在 6 个特色港口之间跑商,买低卖高赚取差价。
- 改修升级:在造船厂升级货舱容量、加固龙骨护甲、加装飞剪帆以减少风阻、加装大炮武装。
- 航海日志:根据实时风向罗盘修正航道,海上概率遭遇雷暴、漂流物资以及突袭的海盗。
- 正式规则:斯诺克对战模式提供标准的 15 颗红球、6 颗彩球摆法,严格执行红彩交替击打、彩球置点复位、犯规与罚分换人、手中的球 D 区击打等正式比赛判定。支持人机 VS AI 对局或本地双人同屏博弈。
- 特色模式:激光雷区模式需让球体完美躲开桌面上的发光红色水雷;限时狂飙模式则提供 60 秒时间,击球进袋获得秒数奖励,挑战连击与积分上限。
- Web Audio リアル音效:通过代码合成真实球杆击球声、物理反弹碰球声和落袋坠落声。
“投下一枚硬币,找回最纯粹的电子快乐!”