Bauble Studio 开源项目教程
1、项目介绍
Bauble Studio 是一个用于创作 3D 艺术的开源项目,它允许用户使用 Lisp 语言(具体来说是 Janet 语言)来编写和组合有符号距离函数(Signed Distance Functions, SDFs),并将这些函数编译为 GLSL 代码,最终通过 WebGL 进行渲染。Bauble Studio 目前仍处于早期开发阶段,但已经可以实现一些非常有趣的效果。
2、项目快速启动
环境准备
Bauble Studio 需要至少 Janet 1.29.1 版本。如果使用更新的 Janet 版本,请确保图像格式兼容。建议将 Bauble 包含的 Janet 版本更新为与本地版本匹配。此外,还需要安装以下依赖:
- emscripten
- redo
- yarn
安装步骤
-
克隆项目仓库:
git clone https://github.com/ianthehenry/bauble.studio.git cd bauble.studio
-
安装 JavaScript 依赖:
yarn (cd studio && yarn)
-
构建项目:
redo
-
创建优化构建:
BUILD_MODE=prod redo
-
启动本地服务:
node_modules/.bin/alive-server public
开发环境
如果需要修改语法,可以克隆 codemirror-lang-janet
仓库并运行 yalc publish
。然后在 Bauble 项目中运行 yalc link codemirror-lang-janet
,即可在本地查看修改效果。
3、应用案例和最佳实践
Bauble Studio 可以用于创建各种 3D 艺术作品,例如:
- 无限热气球模型:通过实例化重复和动画效果,可以创建无限数量的热气球模型。
- 表面变形:使用非刚性变形技术,可以对 3D 表面进行复杂的变形处理。
- 程序化扭曲:通过程序化扭曲技术,可以生成具有独特视觉效果的 3D 形状。
最佳实践包括:
- 使用 Janet 语言:熟练掌握 Janet 语言,以便更高效地编写和组合有符号距离函数。
- 优化渲染性能:尽管 Bauble 会为不需要光照的着色器计算光照,但可以通过优化代码来提高渲染性能。
4、典型生态项目
Bauble Studio 的开发与 codemirror-lang-janet
项目紧密相关。如果需要修改 Janet 语言的语法,可以参考该项目的文档和代码。此外,Bauble Studio 还依赖于 WebGL 和 GLSL,因此熟悉这些技术也将有助于更好地使用 Bauble Studio。
通过以上步骤,您可以快速启动 Bauble Studio 项目,并开始创作自己的 3D 艺术作品。