返回行业情报

90年代风格浏览器游戏:用火柴人摧毁网页

Destroy Any Annoying Webpage in This Chaotic 90s-Inspired Browser Game

开发者Hugo Duprez打造了一款90年代像素风格的浏览器游戏Destroy Any Website,玩家输入任意网址后,可操控像素火柴人使用各种武器摧毁网页,露出底下的彩色像素画。游戏由免费的网页关卡编辑器Sprite Fusion驱动,支持导出到Unity、Godot或JSON/PNG格式。该开发者还制作了AI纹理生成工具Texture Lab。

深度解读

Hugo Duprez 的《Destroy Any Website》真正值得注意的地方,不是"又一个解压小游戏",而是它把任意 URL 变成可破坏场景这件事做成了一个零门槛的浏览器玩具——输入网址、选武器、看火柴人把页面砸穿,底下露出一张像素画。

这款游戏的核心机制只有三步:粘贴网址、从武器库里挑一件、看一个像素火柴人把目标页面逐层拆掉。拆的过程不是简单的遮罩动画,而是页面本身作为一层"表皮"被剥离,露出预先绘制的像素艺术(pixel art)底层图像。这个视觉结构暗示了一件事:被摧毁的网页并不是真的被加载和操作,而是被当作一张贴图处理,火柴人的攻击动作触发的是贴图层与底层画之间的切换逻辑。

把"任意网站"当作可替换的贴图,是这类浏览器玩具能成立的技术前提。

为什么"任意 URL"这四个字是整件事的关键

如果只是固定几个网站的破坏动画,这就是个普通的互动插画。但 Duprez 做的是让用户自己填地址,这意味着游戏必须对"任意输入"给出一个可玩的反馈,而不能依赖对特定站点结构的解析。浏览器端的跨域限制决定了它几乎不可能真正抓取并重构目标页面的 DOM,所以更合理的实现路径是:用某种方式获取目标页面的视觉快照或缩略图,把它铺在场景最上层,底层放像素画,火柴人的攻击进度条对应两层之间的透明度或遮罩变化。

这条路径的工程含义是:它不需要目标网站的配合,也不需要爬虫级别的解析能力,只需要一个能返回页面视觉结果的接口。这恰好是过去两年浏览器端截图服务和无头渲染能力变得廉价之后才容易做到的事。换句话说,这个游戏的"任意性"是建立在基础设施成熟之上的,而不是玩法设计的胜利。

Sprite Fusion 才是这条新闻里更该被记住的名字

文章里轻描淡写地提了一句:游戏由 Sprite Fusion 驱动,这是 Duprez 自己做的免费网页版关卡编辑器,支持用 tileset 搭建 2D tilemap,可以导出到 Unity 和 Godot,也能存成 JSON 或 PNG。

这句话的信息量远大于游戏本身。一个能导出 Unity 和 Godot 项目文件的网页编辑器,意味着 Duprez 在做的不是一款游戏,而是一条从"网页里快速画关卡"到"进引擎正式开发"的管线。Destroy Any Website 更像是这条管线的一次公开演示:你看,用我的工具做出来的东西可以直接跑成一个能传播的网页游戏。

游戏是获客手段,编辑器才是产品。

这个判断如果成立,那 Duprez 的定位就不是独立游戏开发者,而是工具作者。文章后面提到的 Texture Lab——一个用文本提示生成无缝纹理的 AI 工具——进一步印证了这一点。关卡编辑器加纹理生成器,这两样加起来正好覆盖 2D 游戏美术生产里最耗时的两个环节:搭场景和做素材。Destroy Any Website 夹在中间,作用是让人知道这套工具链存在。

90 年代像素风不是审美选择,是成本选择

文章说这个项目"受 1990 年代老派像素游戏启发"。但把这句话放在工具链的语境里看,像素风的意义就变了:像素素材的生产成本低、风格容错率高、和 tilemap 工作流天然契合。一个用 Sprite Fusion 搭出来的场景,用像素风呈现是最省力的路径,也是最容易让用户觉得"这是个完整作品"而不是"这是个 demo"的路径。

所以 90 年代怀旧在这里不是创作动机,而是美术外包的替代方案。Duprez 不需要画师,不需要建模,只需要 tileset 和一套统一的像素规范,就能让游戏看起来成立。

这类浏览器玩具的传播逻辑已经固定了

文章末尾列了一串同类项目:Neal Agarwal 的 Stimulation Clicker,点击越多弹窗越疯狂;tatsumaki games 的 Typhoon Escape,要移动日本列岛躲避灾害;还有 azazeo(Dmitry Tabakerov)那个点掉海量方块的 clicker。

把这些放在一起看,会发现它们的共同点不是玩法,而是一句话能说清、三秒内能上手、结果荒诞到值得截图分享。这类项目的传播不依赖游戏时长或深度,依赖的是"你看到别人玩的时候会想知道自己玩会怎样"。Destroy Any Website 的"输入你自己的网站"正好卡在这个机制上——每个人都能生成一个只属于自己的结果,而这个结果天然具备分享价值。

对从业者来说,这意味着浏览器小游戏这条赛道的评价标准和其他游戏不一样。它不拼留存、不拼付费、不拼内容量,拼的是首次交互的冲击力和结果的可展示性。Duprez 显然清楚这一点,所以他没有把 Destroy Any Website 做成一个有分数、有关卡、有进度的游戏,而是做成了一个输入框加一个按钮。

所以这对行业意味着什么

第一,网页端截图与渲染能力的平民化正在催生一批新的互动形式。过去做"操作任意网站"这类效果需要后端爬虫加图像处理,现在浏览器端就能闭环,独立开发者能碰的东西变多了。

第二,工具作者用游戏做演示会越来越常见。Sprite Fusion 和 Texture Lab 这种组合,本质上是把作品集和营销素材合二为一。一款传播开的免费小游戏,比任何 landing page 都更能说明工具能干什么。

第三,AI 生成素材和传统 tilemap 工作流正在合流。Texture Lab 生成无缝纹理,Sprite Fusion 负责把这些纹理铺进关卡,这条链路如果跑通,2D 游戏的前期美术门槛会被压到很低。Destroy Any Website 现在看起来只是个玩笑,但它展示的那套"输入内容、选择工具、输出可玩结果"的结构,恰好是这条链路最容易被大众理解的样子。

至于游戏本身好不好玩,其实不重要。它已经完成了它该完成的事:让人记住 Hugo Duprez 这个名字,以及他手上那两个工具。

其
创意灵感浏览器游戏像素艺术互动设计