HQY

×

我把小时候那条街的街机厅,搬进了浏览器

hqy hqy 发表于2026-11-03 15:13:34 浏览23 评论0

抢沙发发表评论

你有没有过这种时刻:

刷到一段《拳皇 97》的对战录像,手指跟着记忆动起来——八神的鬼步、不知火舞的扇子、一套连招打完手心出汗。你心想,就玩一把。

然后你打开搜索引擎,下载了一个叫不出名字的模拟器压缩包,解压之后是二十几个看不懂的文件夹。你照着教程把 BIOS 放进某个目录,双击启动,黑屏。换个版本,能进去了,但手柄没反应。再装一个映射工具,键盘和手柄开始抢键位,1P 一动 2P 跟着动。

折腾两小时,游戏没进去,耐心先没了。

我受够了这件事,于是自己写了一个——打开网页就能玩的街机厅。

它叫 Allen 街机大厅。不用装任何东西,不用找驱动,不用学配置。打开网址,登录,选游戏,开始。键盘、手柄、摇杆都能用,按键全自己说了算,还能开房间拉朋友联机。

这篇文章,我把它是怎么做出来的、解决了哪些具体问题、以及一件我必须说清楚的事,原原本本讲一遍。


一句话:一个跑在浏览器里的街机厅,带后台、带会员、能建房联机。

图片
图片


· · ·

一、它到底是个什么

站点设置——站点名、副标题、公告、维护模式、模拟器内核路径、联机信令地址,全在界面上改。还有配置的导入导出,换机器直接搬 JSON。


图片
图片
图片
图片



· · ·

四、联机:换了个思路,反而做成了

浏览器里做联机,最容易想到的是"两边各跑一个模拟器,帧同步"。

说实话,这条路我放弃了。真正的帧同步(rollback netplay)需要为每个模拟器内核单独实现确定性回滚,浏览器端不具备这个条件,硬做的代价是:为每一个机种单独适配,且大概率不稳定。

我换了个更符合真实场景的思路:房主权威。

房主的浏览器跑模拟器,其他人的按键通过 WebRTC 数据通道实时传给房主并注入进去,延迟通常不到 50ms;剩下的人看房主的画面直播。

这个形态意外地贴合街机厅的真实玩法——车轮战。房主可以一键"把操作权交给 TA",输了换人,旁边人看直播等着上。小时候街机厅就是这个样子:一个人打,一圈人围观,输了把摇杆让给下一位。

技术上信令通道给了三种:不配置就走浏览器本地通道(同机器多标签页可直接演示)、填一个 ws:// 地址就走自带的零依赖信令服务器(跨设备跨网络)、或者接云服务走数据库轮询。


图片



· · ·

五、有件事我必须说清楚QS

这个程序不内置、也不分发任何商业游戏的 ROM 和 BIOS。

一个 ROM 文件,是别人花了几年做出来的作品。把它打包进程序里分发Q,就是侵权。哪怕有人说"我有授权",我也没法替他核实、更没法代为分发。

所以程序里一个游戏都没有。取而代之的是一条"导入即玩"的链路:你自己合法取得的文件(比如自己买过、备份下来的卡带和基板转储,或者作者明确允许自由分发的自制游戏)拖进后台,自动识别机种、匹配内核、生成卡片。文件只存在你自己浏览器的本地存储里,不上传服务器,也不随程序分发。

这件事让产品"开箱即用"打了折扣,我知道。但有些方便是不能用别人的劳动换的。

也正因为此,它天然适合一类用法:企业内网、展会体验区、线下街机吧、或者你自己那台放着一堆老卡带的机器——文件来源清晰,用起来才踏实。

· · ·

六、做下来最有价值的一个判断

整个项目做完,回头看,最有价值的不是某个功能,而是一个取舍:

能配置化的,绝不写死。

套餐、额度、权益、站点名、内核路径、信令地址……凡是运营过程中一定会变的东西,全部放进后台,界面上改。代码里只留默认值。

代价是前期多写了不少"配置读写"的活儿。收益是:运营同学想调个价格,三十秒搞定,不用等我。

技术人的价值,不是把需求实现一次,而是让需求下次变更的时候不需要再找你。

· · ·

七、它还差什么

我不想把它吹成成品,说几个真实的边界:

  • 支付目前是模拟的。正式运营必须换成你自己的商户后端,在服务端校验支付成功之后再发权益,前端只负责下单展示——这一步偷懒,等于白送会员。
  • 账号、订单、房间现在存在浏览器本地,清缓存就没了。要正式跑,得接云端真实账号体系。
  • 存档读档依赖模拟器内核是否暴露接口,不支持的时候会提示用内核自带的菜单。
  • 跨域加载的模拟器内核读不到画布,截图和画面推流会退化;自托管内核能解决。
  • 后台的权限校验目前只在前端,接了服务端之后要在数据库层面再做一层。

把半成品说成成品,是技术人最容易犯、也最不该犯的错。

· · ·

最后

我做这个的初衷很小:就是想再打一把《合金弹头》,不想再装两个小时东西。

做着做着发现,真正难的不是让游戏跑起来——那部分模拟器内核早就解决了。难的是让一个普通人从"想玩"到"玩上"之间,不要有任何一道需要查教程的坎。

好的工具不是功能多,是让人忘记它的存在。

你小时候在游戏厅最常玩的是哪一台?评论区说说,我看看要不要给它单独做个键位预设。



打赏

本文链接:https://kinber.cn/post/6828.html 转载需授权!

分享到:


推荐本站淘宝优惠价购买喜欢的宝贝:

image.png

 您阅读本篇文章共花了: 

群贤毕至

访客