Jelly Sheet：mrdoob 的物理模拟小实验为何引发关注

在 Hacker News 上，一个名为「Jelly Sheet」的浏览器小实验获得了 301 点热度与 77 条评论。它出自 mrdoob 之手——Three.js 的创始人 Ricardo Cabello。这个数字本身并不惊人，但放在一个「单页物理模拟 demo」上，足以说明社区对这类作品的持续兴趣。

一个链接背后的创作者分量

Jelly Sheet 的页面结构极简：打开即是一块可以交互的柔软薄片，随鼠标或触摸产生形变与回弹。没有说明文档，没有营销文案，只有 URL 本身。这种「作品即介绍」的做法，在创意编程圈并不罕见，但 mrdoob 的身份让它多了一层信号意义。

作为 Three.js 的核心维护者，他长期推动 WebGL 在浏览器中的低门槛使用。Jelly Sheet 延续了同一条路径——把物理模拟的观感压缩进一个无需安装、无需配置的网页里。对熟悉创意编程的开发者而言，这更像是一次公开的「手感演示」，而非产品发布。

软体模拟的门槛在哪里

软体（soft body）模拟在图形学里属于经典但不易做好的题目。难点不在渲染，而在稳定性与手感：弹簧质点模型参数稍有不慎就会抖动或塌陷；位置约束求解需要在帧率波动时保持收敛；网格细分与碰撞检测又直接拉扯性能预算。

Jelly Sheet 的呈现方式暗示了这些取舍：交互反馈即时、形变连续、回弹带有阻尼感。评论区的讨论热度，很大程度上来自开发者对这种「看起来简单、实现起来需要调参」的作品的共鸣。据 Hacker News 条目显示，该帖获得 301 点、77 条评论，讨论集中在实现方式与交互细节上。

弹簧质点模型是软体模拟中最常用的方法之一，它将物体离散为一系列质点和连接它们的弹簧，通过胡克定律计算弹力，并结合阻尼力来模拟能量耗散。这种模型的优势在于实现简单、物理意义直观，但参数（如弹簧刚度、阻尼系数、质点质量）的选取非常敏感：刚度过高容易导致数值不稳定和抖动，过低则显得软塌无力。此外，时间步长的选择也至关重要，显式积分方法在步长过大时会发散，而隐式积分虽稳定但计算成本更高。因此，实际应用中常需要结合子步进或约束求解来平衡稳定性与性能。

为什么这类小实验值得被讨论

创意编程社区对「可玩的小东西」有稳定的偏好，原因并不复杂。其一，它们提供了可验证的技术样本：一个能在浏览器里流畅运行的软体模拟，比一篇论文更容易被复现和改造。其二，它们是教学素材——Three.js 生态里大量教程正是从这类 demo 衍生而来。

其三，它们承担了技术传播的功能。WebGL、WebGPU 的性能边界一直在移动，而单页 demo 是把这些边界直观展示出来的低成本方式。Jelly Sheet 没有附带任何宣传，但它的存在本身就在回答一个问题：今天的浏览器能把软体模拟做到什么程度。

WebGL（Web Graphics Library）是一种基于 OpenGL ES 的 JavaScript API，允许浏览器在无需插件的情况下进行硬件加速的 2D 和 3D 渲染。它通过着色器（shader）编程实现复杂的视觉效果，但学习曲线较陡。WebGPU 则是新一代的图形与计算 API，旨在提供更接近现代 GPU 架构（如 Vulkan、Metal）的能力，支持计算着色器和更高效的资源管理，目前仍在逐步普及中。两者共同推动了浏览器内实时图形与物理模拟的性能边界，使得像 Jelly Sheet 这样的交互式 demo 能够流畅运行。

从 Jelly Sheet 看创意编程的传播路径

这类作品的传播链条通常很短：作者发布链接，社区投票，讨论在评论区展开，随后被教程、周刊或视频二次引用。Jelly Sheet 目前的轨迹符合这个模式——301 点的热度意味着它进入了 Hacker News 首页的讨论区间，77 条评论则说明它触发了实质性的技术对话，而非单纯的点赞。

说个细节，这类 demo 的价值往往不在发布当下，而在被引用之后。Three.js 生态中不少技术方案，最初都以类似形式出现，随后被吸收进库或教程。Jelly Sheet 是否会走同一条路，目前尚无定论，但它至少提供了一个可访问的参照点。

小结

Jelly Sheet 不是一个需要长篇解读的项目。它是一个由 Three.js 创始人发布的、可在浏览器中直接交互的软体模拟实验，在 Hacker News 上获得了数百点关注与数十条讨论。对开发者而言，它的意义在于提供一个可观察、可复现的手感样本；对更广泛的读者而言，它提醒了一件事：浏览器作为创意媒介的能力，仍在被持续试探。