100mini ~ /showcase/page-rage — zsh
cat /showcase/page-rage

Page Rage

用喷火器、重力枪和黑洞摧毁任意网页——一款痴迷极致性能的浏览器解压游戏与扩展。

实验浏览器游戏浏览器扩展物理沙盒性能优化像素画
Page Rage
author
u/alexreardon · pragmatic-drag-and-drop 贡献者
build effort
数百小时,长期业余项目
platforms
Web · 浏览器扩展
weapons
喷火器 · 重力枪 · 黑洞与虫洞
effects
子弹时间 · 程序化 VFX · 自定义音效与配乐
source
闭源(含授权素材)
ai
AI 辅助编码 · 手工像素画
published
2026-09-26
updated
2026-09-26

它是什么

Page Rage 是 u/alexreardon——以 pragmatic-drag-and-drop 拖拽库闻名的资深前端工程师——打造的解压向浏览器游戏与浏览器扩展,让你把任意网页上的元素轰成渣。既可以直接在 page-rage.com 上玩,也可以装成浏览器扩展,对当前正在浏览的页面大开杀戒。它是一项长期业余项目的结晶:数百小时的投入,动力来自对前端极致性能优化的探索。

核心价值主张

  • 任意页面的武器库:多种可交互武器——喷火器、重力枪、黑洞与虫洞机制——在物理沙盒中与真实页面元素互动。
  • 系统之间真实联动:模拟是自洽的而非编排好的脚本;喷火器的火焰会被活跃的黑洞物理性地吸进去。
  • 处处有「手感」:子弹时间慢镜头、自定义音效、氛围配乐,以及数学实时生成的 VFX(如动态传送门闪电)。
  • 零门槛破坏:网页版打开即玩;扩展版无需申请侵入式页面权限即可摧毁当前页面。

它可能替代谁

目标方案 可行性 结论与适用场景
Desktop Destroyer 式桌面破坏玩具 高 经典 90 年代 Windows 砸桌面玩具的现代浏览器原生版,物理与音频表现远超原作。
KickAss 式破坏书签脚本 高 用真武器、真物理和真 VFX,全面超越 kickassapp.com 那套「Asteroids 打你的 DOM」的把戏。
发泄减压类整活网站 高 同类型中最完整的解压工具:零配置,打开就能砸。
前端性能展示 Demo 中等 兼职充当极致前端优化的活体演示,但它首先是用来玩的。

当前现实与局限

  • 闭源:项目包含授权素材,性能技巧与自研物理引擎暂时是黑盒,只能等作者承诺的技术深潜文章或视频。
  • 是玩具,不是成长型游戏:破坏就是全部玩法循环——没有证据表明存在目标、存档或战役结构,单次会话的价值完全来自沙盒混乱本身。
  • 单人维护节奏:个人业余项目意味着内容更新与修复按一个人的日程推进。

结论

首要建议 哪天被网页气到了,立刻打开它泄愤。对开发者而言,更值得蹲守的是作者承诺的技术深潜:一位被广泛使用的拖拽库作者、用极端性能手段打造的沙盒,是学习那些通常只存在于游戏引擎领域技巧的罕见机会。只是别指望开源代码——先享受混乱就好。

开发历程与迭代闭环

一项数百小时投入的长期业余项目,走的是刻意打磨而非批量生成的路线:

阶段 使用的工具 重点
视觉 自学像素画,纯手工 作者为这款游戏专门学了像素画;绝大多数素材都是手绘
工程 AI 编码助手 加速开发任务、技术调研,以小步刻意的迭代探索机制
VFX AI 辅助公式 + 数学生成 实时程序化特效,如动态传送门闪电
音频 自定义声音设计 音效与氛围背景音乐

授权与后续计划

项目因包含授权素材而闭源,完整开源有难度。作者计划通过博客文章或视频发布技术深潜,剖析底层的性能技巧与物理引擎。

社区反响与关键争议

发布直接戳中了开发者社区的怀旧神经,被迅速归入「破坏玩具」的谱系:

  • 经典致敬:评论第一时间联想到 Desktop Destroyer——90 年代标志性的 Windows 砸桌面玩具——以及 Alan Becker 的 Animator vs. Animation 系列。
  • 网页破坏的宗谱:老网民回忆起新地球(Newgrounds)与 Stick Death 等早期网页圣地,还有 DOM 破坏的前辈 kickassapp.com 与 playanypage.com。
  • 手艺优先于 AI:社区把「AI 当助手、美术亲手做」的分工视为健康范式——AI 负责调研与提效,玩家真正看到的像素交给人类。

来源

  1. [1]
  2. [2]

相关案例

./cite page-rage