SheepNav
Refract

Refract

producthunt.com

构建交互场景,导出单一文件,无需运行时

19天前

关于 Refract

Refract 是一款革命性的视觉编辑器,让创作者能够轻松构建 GPU 驱动的交互式场景,并导出为单一 HTML 文件,无需任何外部依赖或运行时环境。

核心功能

Refract 的核心在于其一体化的视觉编辑体验。用户可以在同一个界面中组合 GPU 场景、编写自定义 GLSL 着色器、添加动画文本、导入 3D 对象,并集成交互元素。所有内容都通过直观的拖放和参数调整完成,无需编写复杂代码,大大降低了创作门槛。

主要特性

  • 零依赖导出:项目可导出为单个 HTML 文件,无需 SDK、库或运行时支持,确保在任何现代浏览器中都能完美运行。
  • 丰富的预设库:内置 80 多种预设模板,涵盖从粒子效果到光影动画的多种场景,帮助用户快速启动项目。
  • 开放性与灵活性:支持自定义 GLSL 代码,提供 Figma 插件无缝集成设计流程,并通过 MCP 服务器让 AI 代理直接构建和混搭场景,避免厂商锁定。
  • 交互式编辑:实时预览功能让用户在设计过程中即时看到效果变化,支持添加点击、悬停等交互行为,打造沉浸式体验。
  • 跨平台兼容:导出的文件轻量且独立,适用于网页展示、数字艺术、产品演示等多种场景,确保一致的表现效果。

适用场景

Refract 适用于数字艺术家、网页开发者、营销设计师以及教育工作者。无论是创建动态数据可视化、交互式产品展示,还是制作创意动画和游戏原型,Refract 都能提供高效的工具链。其无需运行时的特性特别适合需要快速部署和分享的场合,如在线作品集、活动页面或教学材料,让创意无缝转化为可交互的网页内容。

相关工具