{"slug": "if-u-need-to-control-a-super-smart-looking-slop-blob-try-liquid-orb-editor", "title": "If u need to control a super smart looking slop blob, try Liquid Orb Editor", "summary": "LerSent001 released Liquid Orb Editor, a real-time liquid glass orb editor built with React, WebGPU/WGSL, and Toolcraft UI, offering 12 editable dynamic sphere presets, parameter controls for color, speed, shape, glass refraction, and glow, URL hash sharing, and export to standalone web pages and SwiftUI/Metal code. The project, which uses OpenAI Codex for development and is MIT-licensed, requires Node.js 22, pnpm 11, and a WebGPU-capable browser.", "body_md": "一个使用 React、WebGPU/WGSL 和 Toolcraft UI 构建的实时液态玻璃球编辑器。\n\n在线使用：[https://lersent001.github.io/orb/](https://lersent001.github.io/orb/)\n\n- 12 个可编辑的动态球体预设\n- 根据浏览器语言自动显示中文或英文界面，并可随时切换\n- 颜色、速度、形状、玻璃折射和外发光参数\n- 球体预览与实际场景预览\n- 参数通过 URL hash 保存，可直接分享当前效果\n- 导出独立 Web 页面和 SwiftUI/Metal 代码\n- Web 与 SwiftUI 导出使用同一份参数快照\n- 场景模式和球体模式导出同一份球体动画代码\n\n本项目处于持续迭代维护中。作者持续优化预设、运动模型、编辑器稳定性以及 WebGPU 与 SwiftUI/Metal 的输出一致性，并使用 OpenAI Codex 辅助代码实现、回归验证和发布。\n\n需要 Node.js 22、pnpm 11，以及支持 WebGPU 的浏览器。\n\n```\npnpm install\npnpm dev\n```\n\n生产构建：\n\n```\npnpm build\npnpm preview\n```\n\n`src/presets.ts`\n\n：预设和参数默认值`src/orb-uniforms.ts`\n\n：编辑器参数到 GPU uniform 的唯一映射`src/orb-renderer.ts`\n\n：WebGPU 渲染器`src/code-export.ts`\n\n：Web 与 SwiftUI 导出`effect.wgsl`\n\n：浏览器着色器`effect.metal`\n\n：SwiftUI 导出的 Metal 着色器\n\n项目代码使用 [MIT License](/LerSent001/orb/blob/main/LICENSE)。`src/toolcraft`\n\n包含的 Toolcraft UI 代码保留其原始 MIT 版权声明，详见 [TOOLCRAFT_LICENSE.md](/LerSent001/orb/blob/main/TOOLCRAFT_LICENSE.md)。", "url": "https://wpnews.pro/news/if-u-need-to-control-a-super-smart-looking-slop-blob-try-liquid-orb-editor", "canonical_source": "https://github.com/LerSent001/orb", "published_at": "2026-08-29 03:20:46+00:00", "updated_at": "2026-08-29 03:48:21.466040+00:00", "lang": "en", "topics": ["ai-tools", "developer-tools", "generative-ai"], "entities": ["LerSent001", "React", "WebGPU", "WGSL", "Toolcraft UI", "OpenAI Codex", "SwiftUI", "Metal"], "alternates": {"html": "https://wpnews.pro/news/if-u-need-to-control-a-super-smart-looking-slop-blob-try-liquid-orb-editor", "markdown": "https://wpnews.pro/news/if-u-need-to-control-a-super-smart-looking-slop-blob-try-liquid-orb-editor.md", "text": "https://wpnews.pro/news/if-u-need-to-control-a-super-smart-looking-slop-blob-try-liquid-orb-editor.txt", "jsonld": "https://wpnews.pro/news/if-u-need-to-control-a-super-smart-looking-slop-blob-try-liquid-orb-editor.jsonld"}}