跳至主要內容
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.

開始交疊。

開啟瀏覽器,留一點空間給想像。