跳到主要内容
REGIONBY DREEEAMORA
打开工作区

DREEEAMORA / VISUAL EXPERIMENT 01

Shape.
Intersect.
Move.

让交叠,成为作品。
从简单图形到区域、材质与动效,在浏览器里创造自己的视觉语言。

免费使用 · 无需账号 · 工程保存在本机

RIBBON STUDY / 003原始图形:4
完整作品
REGION / SOURCE → INTERSECTION → MOTION看看形状之间会发生什么

01 / POSSIBILITIES

从几个形状,
到你的视觉语言。

拆分、填充、叠加,再让它动起来。
同一组结构,也能长出完全不同的作品。

02 / THE IN-BETWEEN

交叠的地方,
才是开始。

保留原始图形,让区域来自它们的关系。移动一个圆,相交的部分会重新生成;颜色与材质,就放进这些区域里。

01画出结构

圆、曲线、自定义轮廓

02处理区域

独立填充,也可以共享一张原图

03组合动效

为线条和区域安排各自的节奏

7 个区域

03 / OUT IN THE WORLD

YOUR CANVAS. ANY WEBSITE.

做完了,
就让它登场。

作品可以导出为独立网页动效,放进你的个人网站、作品集或项目页面。源工程留在手里,随时回来继续改。

体验制作与导出
your-website / motion
Made
to move.
网页动效 HTML矢量 SVG工程 .region
CONFLUENCE / 06 → 01

04 / CONFLUENCE

这个标志,
也来自交叠。

三组环形,六个圆。交叠处成为新的颜色,留白依然来自真实的区域关系。标志与作品使用同一套引擎,源图形随工程一起保留。

05 / GOOD TO KNOW

开始之前。

作品会保存在哪里?+

编辑器自动保存到当前浏览器的 IndexedDB,尚未接入云端。换设备、清理网站数据或使用隐私模式,都可能无法找回。请下载 .region 工程文件作为备份。

我能导入自己的素材吗?+

可以打开 .region 工程、导入图片和受支持的 SVG。图片可跨多个区域共享,也可以单独调整位置与颜色。AI、AE 工程目前不能直接完整导入。

导出的动画能放进其他网页吗?+

可以。网页动效导出为独立 HTML,可通过 iframe 嵌入,也提供播放器控制接口。静态作品可导出 SVG;可编辑的源数据请另存 .region。

现在使用需要注册或付费吗?+

目前无需注册,免费使用。这是持续开发中的早期版本;复杂图形建议先保存备份,再尝试更复杂的组合。

YOUR NEXT IDEA STARTS WITH A SHAPE.

开始交叠。

打开浏览器,留一点空间给想象。