AI 程序化建模：用数学构建一朵蘑菇云

很多人第一次接触 AI，是从聊天开始的：问一个问题，改一段文字，写一份文案。这些用途很方便，也容易让人把 AI 的能力理解为“给出一段更好的回答”。

我们想通过“探索前沿 AI 应用边界”这个系列，记录一些具体的尝试：给 AI 一个目标和必要的工具，它能把工作推进到哪一步？交付的东西能否真正打开、操作和继续使用？

这一篇从一朵蘑菇云讲起。云盖的隆起、边缘的翻卷、细长的烟柱和层叠的褶皱，让它看上去难以建模。我们尝试用程序化建模处理这些特征，再用简单的 HTML 和 JavaScript 把它做成可交互的三维作品。

47 秒演示 · 1080p · 中文解说与字幕 · 下载演示视频

把复杂形态拆成可计算的结构

建模的起点，是把复杂的云拆成几个简单形体：椭球构成云盖，圆环表现边缘翻卷，中间收窄的柱体构成烟柱，底部再加一片扁椭球形的尘裙。每个部分都可以通过位置、大小和比例等参数来控制。

随后，把这些形体平滑地连接起来。图形学中可以用函数描述表面，并估计空间中某个位置到表面的距离；这类表达常被称为距离场。这样，云的轮廓就有了可以计算的定义。

接下来是五层噪声。这里的“噪声”是一种连续起伏的数学图案：较大的起伏形成团块，更小的起伏补充褶皱。把不同尺度的变化叠加到轮廓上，光滑的几何体就逐渐有了云团的质感。

最后，程序从每个像素发出一条虚拟视线，逐步寻找云的表面，再根据表面朝向和局部变化上色。朝下的部分更炽热，顶部保留冷却灰烬的颜色。这些方法对应距离场、分形噪声和光线步进等已有的图形学技术；AI 的工作，是把形体关系和数学规则组织成可以运行的代码。

完成的页面只有一个不到 40 KB 的 index.html。界面、着色器和导出逻辑都写在里面，没有外部库或贴图依赖。把文件复制到另一台电脑，用支持 WebGL 2 的浏览器打开，就可以离线运行。运行时，每一帧由浏览器计算，AI 不需要持续参与。

我们可以拖拽旋转视角，从侧面观察烟柱和翻卷；也可以滚轮缩放、暂停动画，或拖动时间滑块，查看云体在不同阶段的形状。页面还提供基础形体、噪声灰模、火光着色三种模式，让制作过程本身也能被看见。

过程中也有返工。着色器需要修正编译问题，火光过亮需要调整，团块细节与视角需要反复对照。代码写完后，还要实际打开浏览器，检查播放、暂停、时间拖动、旋转缩放，以及窄屏下的布局。

这时，衡量 AI 输出的标准也变得具体起来：程序能否运行，按钮是否有效，切换参数是否真的改变结果。AI 助手不仅写代码，还通过浏览器查看和检查自己的输出，再根据反馈修改。

看到网页里的云之后，我们继续追问：它能导出 OBJ 或 FBX 吗？这一步把演示推进到了文件交付。

网页里的形状由数学距离场表达，常见建模软件则需要顶点和三角面。为此，AI 补上了一条转换流程：采样当前时刻的距离场，生成三角网格，计算平滑法线，再写成 OBJ 文件。页面因此多了“导出 OBJ”按钮，并提供轻量、标准和精细三档模型精度。

我们选取 8 秒时刻、五层噪声、标准精度，生成了一份静态模型。结果可以直接数出来：

文件共 47,642,567 字节。除了确认它能被重新读取，我们还检查了索引、法线、边的连接关系和三角形朝向。在这份示例中，开放边、非流形边、朝向冲突边和退化三角形的数量都为 0。

这些检查让交付结果有了依据。我们拿到的模型可以作为后续处理的起点，而模型的面数、材质与结构是否适合某个具体项目，仍需按用途继续判断。

记录这些边界，可以帮助我们更准确地使用 AI：知道什么已经做到了，也知道下一步该检查什么。

从几何形体到距离场，从数学函数到三角网格，这个案例展示了程序化建模如何生成可交互、可导出的三维作品。这个系列会继续走进科技、工程、艺术和数据分析等场景，把方法、成果与返工一起记录下来，让更多人看到想法如何变成可以使用的作品。