retrace.gl

在浏览器里用代码生成并渲染 SDF 几何体，即刻导出艺术图像。

retrace.gl 是一个运行在浏览器中的程序化建模与光线追踪工具，专为生成艺术设计。它允许开发者通过 JavaScript API 定义有符号距离函数（SDF）和构造实体几何（CSG）组合，实时进行光线追踪渲染，并导出结果。项目解决了生成艺术中复杂几何体难以程序化定义和渲染的问题，提供了简洁的 API 来创建球体、立方体等基本体，并通过布尔运算、平滑混合等操作组合成复杂形状。核心能力包括：基于 WebGL 的实时 GPU 光线追踪、支持材质与光照、可导出高分辨率图像或深度/法线贴图。它适合艺术家和开发者快速迭代创意，无需安装重型软件，直接在浏览器中完成从代码到视觉的转换。

开源 free 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 197

维护状态低维护

是否开源是

定价模式 free

项目数据

分类设计创意

开发团队stasilo

所属国家

官网地址

GitHubhttps://github.com/stasilo/retrace.gl

定价模式free

价格说明开源项目，GPL-3.0许可，可免费使用和部署。

访问状态

是否开源是

开源协议GPL-3.0

主要语言JavaScript

技术栈/模型

GitHub 星标★ 197

30天Star增速

HF 下载量

上线时间2019-06-08 00:00:00

最近更新2026-07-13 00:00:00

维护状态低维护

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数0

核心亮点

API 设计直观，用 JavaScript 定义 SDF 和 CSG，上手快
基于 WebGL 实时预览，调整参数即时反馈
支持导出高分辨率图像和多种贴图，便于后期处理

不足之处

文档和示例较少，学习资源有限
功能相对基础，复杂材质和动画支持有限

适用场景

生成艺术创作，如分形、抽象图案
程序化建模原型验证
教学演示 SDF 和光线追踪原理

替代项目

three.js、stack.gl、ogl

项目介绍

retrace.gl 是一个设计创意领域的开源项目，官方简介：Create, ray trace & export programatically defined Signed Distance Function CSG geometries with an API suited for generative art - in your browser!。项目使用 JavaScript 开发，在 GitHub 上获得 197 星标。

上一篇：generative-art

下一篇：weird