orb README

The project's README from github.com/LerSent001/orb. As one markdown file: README.md.

Liquid Orb Editor

一个使用 React、WebGPU/WGSL 和 Toolcraft UI 构建的实时液态玻璃球编辑器。

在线使用:https://lersent001.github.io/orb/

功能

维护状态

本项目处于持续迭代维护中。作者持续优化预设、运动模型、编辑器稳定性以及 WebGPU 与 SwiftUI/Metal 的输出一致性,并使用 OpenAI Codex 辅助代码实现、回归验证和发布。

本地运行

需要 Node.js 22、pnpm 11,以及支持 WebGPU 的浏览器。

pnpm install
pnpm dev

生产构建:

pnpm build
pnpm preview

代码结构

许可证

项目代码使用 MIT License。src/toolcraft 包含的 Toolcraft UI 代码保留其原始 MIT 版权声明,详见 TOOLCRAFT_LICENSE.md。

orb (LerSent001/orb)

Searching Database…

733 ·GitHub
这是什么?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 导出做回归验证,以及准备发布。
编辑器支持中文和英文吗?支持。它会自动检测浏览器语言来显示中文或英文界面,并且随时可以在两者之间切换。
Creator
LerSent001
Size
1.9 MB
Stars
733
Updated
CommitSep 16
Age
2mo
Commits · 90 Days