正在获取 Shader...
0×0 0 FPS
Ctrl+Enter 应用 · E 切换编辑器 · 右上角 ? 查看帮助

📖 使用帮助

快捷键

E 打开/关闭编辑器 · Space 暂停/恢复 · Ctrl+Enter 应用 shader · Esc 关闭编辑器 / 帮助

顶部按钮

✎ 编辑 打开编辑器面板,编写或粘贴 GLSL 代码
🔗 分享 将当前 shader 压缩至 URL,一键复制分享
☁ 发布 上传代码至服务器,生成固定短链接
分辨率/帧率 限制渲染分辨率和帧率上限,0 为不限

编辑器面板

在下拉菜单中快速切换内置 shader,也可从本地 .glsl 文件加载。
点击 应用 编译运行,分享 生成链接,发布 上传至服务器。
解码 可还原分享链接中的代码,重置 恢复默认 shader。

🔗 分享 与 ☁ 发布 的区别

两者都生成一个可复制的链接,发给别人就能看到你的 shader 效果。区别在于数据存储方式:

🔗 分享(默认) ☁ 发布到服务器
存储位置 URL 内部(纯前端) 服务器 Blob 存储
URL 长度 随 shader 代码增大 固定 8 位 ID
依赖 无需服务器,离线可用 需要部署后端函数
适用场景 代码较短的 shader 复杂 shader 或 URL 过长时

页面模式

?mode=edit 编辑模式(默认),显示所有控制按钮
?mode=preview 预览模式,纯全屏渲染,无任何 UI