WebGL Gray-Scott 探索器 (2012)

WebGL Gray-Scott Explorer (2012)

Source | HN Comments

该文章介绍了一个基于 WebGL 的 Gray-Scott 方程探索器，用于模拟反应扩散系统产生的各种模式。用户可以通过鼠标交互绘制、使用预设、调整参数（F 和 k）和颜色方案来探索不同的图案。文章详细说明了预设的分类和操作方法，并提供了导入/导出设置的功能。此外，还提到了对 GL 扩展的要求以及查看可用扩展的方法。

WebGL Gray-Scott 探索器

Gray-Scott 方程可以产生反应扩散系统中最有可能出现的模式类型。有关 Gray-Scott 模式的完整描述，以及许多示例和视频，请访问我的 Xmorphia Gray-Scott page。

完整说明如下

预设（以及分类）： Negative bubbles (sigma) Bubbles (rho) Precritical bubbles (rho/kappa) Worms and loops (kappa) Stable solitons (nu) The U-Skate world (pi) Worms (mu) Worms join into maze (kappa) Negatons (iota) Turing patterns (delta) Chaos to Turing negatons (beta) Fingerprints (theta/kappa) Chaos with negatons (beta/delta) Spots and worms (eta) Self-replicating spots (lambda) Super-resonant mazes (theta) Mazes (kappa) Mazes with some chaos (gamma) Chaos (beta) Pulsating solitons (zeta) Warring microbes (epsilon) Spots and loops (alpha) Moving spots (alpha) Waves (xi)

Feed rate F : 0.082

Decay rate k : 0.06

颜色:

导入/导出:

说明：

使用鼠标在大的图像区域中绘制。交替点击绘制“高-U”（默认颜色中为红色）或“低-U”（蓝色）。

init 按钮使图案空白或随机。多次点击，直到获得想要的效果。

使用预设列表查看各种可用类型的图案示例。每个预设都有一个分类（通常是希腊字母）；这些在单独的页面 Pearson's Classification (Extended) of Gray-Scott System Parameter Values 上进行了解释。

每个预设的尝试事项： （假设您使用的是默认颜色方案——重新加载页面将恢复默认颜色。）

Negative bubbles (sigma)： 点击 Init 直到在红色背景上获得蓝色斑点。它们会生长，但不会连接；您最终会得到被红色线条分隔的蓝色气泡。
Positive bubbles (rho)： 点击 Init 直到获得红色和蓝色“瑞士奶酪”类型的图案。小气泡将合并成更大的气泡。
Precritical bubbles (rho/kappa)： 从前面的任何一个示例（sigma 或 rho）开始，然后切换到这个。
Worms and loops (kappa)： 点击 Init 直到在红色背景上获得蓝色斑点。
Stable solitons (nu)： 点击 Init 直到获得空白的红色背景。然后在彼此附近绘制几个单独的蓝色点。它们将合并为一个或相互排斥。
The U-Skate World (pi)： 从空白的全蓝色背景开始，然后慢慢地用红色绘制一个小字母“u”。如果您做得正确，它将变成一个 U-Skate 并在屏幕上移动。尝试让 U-Skate 相互碰撞。
Worms (mu)： 从随机图案开始，或在空白的红色背景上用蓝色乱涂乱画。
Worms join into maze (kappa)： 以与“Worms (mu)”相同的方式开始，并注意差异。
Negatons (iota)： 在纯红色背景上，用蓝色随机涂写。观察它如何变成带有黄色点的水绿色屏幕，这些黄色点排列成六边形网格行。
Turing patterns (delta)： 点击 Init 直到获得纯绿色背景，然后在其中用鼠标点击 3 或 4 次。似乎什么也没发生——但停止点击并等待。一种模式会看似从无到有地出现。
Chaos to Turing negatons (beta)： 执行与“Negatons (iota)”或“Turing patterns (delta)”相同的操作。注意相似之处和差异。
Fingerprints (theta/kappa)： 从随机图案开始，或在空白的红色背景上用蓝色乱涂乱画。
Chaos with negatons (beta/delta)： 按照“Turing patterns (delta)”的建议开始，或者使用任一随机模式。
Spots and worms (eta)： 以与“Worms (mu)”相同的方式开始，并注意差异。
Self-replicating spots (lambda)： 点击 Init 直到在红色背景上获得单个蓝绿色斑点，然后观察它繁殖。
Super-resonant mazes (theta)： 点击 Init 直到获得空白的绿色背景，然后用鼠标单击一次。
Mazes (kappa)： 从随机图案开始，或在空白的红色背景上用蓝色乱涂乱画。
Mazes with some chaos (gamma)： 与“Mazes (kappa)”相同的建议；获得完整的迷宫后，尝试在这两个预设之间来回切换。
Chaos (beta)： 点击 Init 直到获得空白的绿色背景，然后用鼠标单击一次。
Pulsating solitons (zeta)： 从“Self-replicating spots (lambda)”开始，并注意屏幕填满后开始的不同行为。
Warring microbes (epsilon)： 从空白的红色背景开始，然后添加两到三个蓝色点。
Spots and loops (alpha)： 从空白的红色背景开始，然后添加一个蓝色点。
Moving spots (alpha)： 从空白的红色背景开始，然后添加一个蓝色点。
Waves(xi)： 使用 Init 直到获得纯绿色黄色背景，然后使用鼠标绘制一个圆圈。这应该会产生持久的螺旋波。

您也可以使用滑块直接更改 F 和 k 。进行小的、渐进的更改（如果您快速更改这些值，图案可能会消失）

通过单击颜色栏下方的小方块来编辑颜色方案，以访问颜色选择器对话框。

当您找到喜欢的 F、k 和颜色方案的值时，可以通过从标有“Import/export”的框中复制文本来保存它们。要恢复以前保存的设置，请将文本粘贴到框中并按 Enter。

Requirementsclose

此模拟需要 GL 扩展 framebuffer_object 和 texture_float。如果您看不到模拟，则您的系统可能至少缺少其中一个扩展。

在 Google Chrome 中，您可以通过在地址栏中输入 chrome://gpu 来查看可用的 GL 扩展。