SR-devbox 粒子在线生成与特效制作工具 SR-devbox
活动核心 欢迎页
坐标 X: 0.00
Y: 0.00
SR-devbox 粒子在线生成与特效制作工具 Logo

SR-DEVBOX

SR-devbox

融合了三维着色器编辑、粒子多帧形变、发光粒子在线生成与散布、毛玻璃拟态界面配置的一站式极致 WebGL 粒子特效制作与视觉生成工具集。

01 / 着色器生成器

SR-ShaderLab

在线三维片元着色器可视化编辑器。支持流光、溶解、丁达尔光、呼吸渐变等十余种高品质预设特效;配有钢编绘制工具绘制任意矢量遮罩,一键打包生成 GLSL 代码与单 HTML 容器。

片元着色器 钢笔矢量蒙版 GLSL / HTML 导出
背景星云预设
进入着色器实验室
02 / 粒子形变

SR-Morph Editor

三维粒子形态多帧渐变与时间轴编辑器。可视化配置多帧粒子坐标与体积场,内置球体、圆柱、圆环、文字等基础形态;搭配专业级时间轴帧排序,生成高性能 morph 形变过渡脚本。

时间轴多帧编辑 文本矢量粒子化 3D GLB 顶点提取
粒子形态直接变换
粒子大小0.5
噪点抖动0.3
进入形态编辑器
03 / 发光粒子

SR-Particle

轻量级高性能 WebGL 发光粒子背景与形态控制器。内置丰富的旋转力场、漩涡环流和噪声漂移;支持对粒子色彩空间、生命衰减和动态大小进行毫秒级精细微调。

软发光材质渲染 向量流场驱动 50+ 参数精细控制
力场物理参数微调
力场自转转速1.0
过渡分散强度2
进入发光粒子生成器
04 / 毛玻璃样式

Glassmorphism

磨砂玻璃(玻璃拟态)卡片样式编辑器与展示模版。基于 CSS 阴影与 backdrop-filter 滤镜,调节边缘反射、噪点粗糙度、模糊半径和光源色温,一键复制代码并查看磨砂背景落地演示。

CSS 背景滤镜 磨砂噪点拟真 响应式网格布局
毛玻璃实时样式沙盒
模糊半径24px
背景不透明度45%

粒子终章