Casberry India 发布 WebGL 生成式 3D 粒子模拟器

印度创意技术工作室 Casberry India 推出了一款基于 WebGL 的生成式 3D 粒子模拟器，将实时物理计算与一套模块化视觉引擎整合在同一交互界面中。该项目以「实时物理 × 计算美学」为主线，面向开发者与创意工作者，用于快速搭建和体验粒子系统原型。

视觉系统：深色基底与霓虹粒子

整个模拟器的视觉系统由 Casberry India 团队自主搭建。画面以接近纯黑的深色视口为底，配合青色（cyan）与品红（magenta）两色的高亮粒子轨迹，形成高对比度的发光效果。设计团队选用了一款结构感强、笔画清晰的等宽字体（monospace），用于呈现帧率、参数等遥测数据，与流体形态的粒子群形成「精确 vs 流动」的视觉张力。所有界面元素严格遵循纵向网格对齐，保证在参数密集时仍保持清晰的层级与可读性。

交互层：实时物理与参数面板

模拟器的核心是把复杂的数学算法转化为可触摸的视觉反馈。控制面板采用半透明深色遮罩，搭配低饱和的参数滑块，让数值调节具备一定的「手感」。以下是该工具在交互设计上的几个要点：

• 画布（canvas）占据主要视野，实时渲染粒子运动状态；
• 侧边栏以简洁的网格结构组织参数，分组清晰、留白充足；
• 帧率等性能指标以等宽字体直接叠加在画面上，便于一眼读取；
• 整体留白克制，避免在实时计算场景下出现视觉噪声。

设计取向：极简结构承载动态内容

从版式逻辑来看，模拟器采用了「以静衬动」的设计策略：界面静态部分尽量保持简洁、几何、模块化，把视觉焦点让给不断变化的粒子轨迹。设计团队表示，这种取舍使得帧率指标等遥测信息始终保持可读，也让生成式视觉资产在反复运行中保持统一的视觉调性。

对希望尝试实时物理效果原型、或对生成式视觉感兴趣的开发者与设计师而言，这类工具展示了如何用克制的版式语言承载高密度的动态内容——既不是纯装饰性的渲染图，也不是数据仪表盘，而是介于二者之间的「可交互视觉实验场」。