这是什么?
Liquid Orb Editor 是一个实时编辑器,用于创建动态的液态玻璃球体效果,基于 React 和 WebGPU/WGSL 构建。你可以调整颜色、速度、形状、玻璃折射和光晕,然后把结果导出为独立网页,或导出为 iOS 应用用的 SwiftUI/Metal 代码。
这是一个可视化编辑器还是代码库?
它是一个基于浏览器的可视化编辑器:你用滑块和预览来调整参数,它会为你生成开箱即用的 Web 代码或 SwiftUI/Metal 代码,而不是供你导入的库。
编辑器怎么运行?
有托管的在线版本,你也可以克隆仓库后用 pnpm 在本地运行(dev/build/preview 脚本由 Vite 驱动)。
在本地运行需要安装什么?
你需要 Node.js 22 和 pnpm 11,外加一个真正支持 WebGPU 的浏览器来预览和编辑球体。
它能在任何浏览器里运行吗?
不能——实时预览依赖 WebGPU 支持,不支持 WebGPU 的浏览器无法渲染或编辑球体;此外项目仍在积极演进中,预设和输出一致性还在持续变动。
它自带哪些预设?
它自带 12 个可编辑的动态球体预设,涵盖不同的颜色、运动风格和玻璃外观,你可以微调它们或将其作为起点。
我可以把自己做的设计分享给别人吗?
可以——你的所有参数选择都编码在页面的 URL 哈希中,分享链接就能完整还原你配置的球体。
OpenAI Codex 在这里扮演什么角色?
作者使用 OpenAI Codex 辅助实现代码、对 Web/SwiftUI 导出做回归验证,以及准备发布。
编辑器支持中文和英文吗?
支持。它会自动检测浏览器语言来显示中文或英文界面,并且随时可以在两者之间切换。
What are similar projects?
shaders, threejs-architecture-effects, empire, natural-disasters, RhineLabUI, framefields, iw4L, ascii
Which topics is it in?
openai-codex, shader, webgpu, design-tools, pnpm, creative-coding, metal, swiftui, graphics, vite, 3d, animation