本文へ移動
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.

完成したら、
外の世界へ。

独立したWebアニメーションを書き出し、サイトやポートフォリオで使えます。元のプロジェクトは手元に残り、いつでも編集できます。

制作と書き出しを試す
your-website / motion
Made
to move.
Webアニメーション HTMLベクター SVGプロジェクト .region
CONFLUENCE / 06 → 01

04 / CONFLUENCE

このロゴも、
重なりから。

3つの輪、6つの円。交差から新しい色と余白が生まれます。作品と同じエンジンで作られたロゴには、編集可能な元の図形が残ります。

05 / GOOD TO KNOW

始める前に。

作品はどこに保存されますか?+

現在のブラウザのIndexedDBに自動保存します。クラウド保存は未接続です。端末変更、サイトデータの削除、プライベートモードでは失われる場合があります。.regionファイルをバックアップしてください。

自分の素材を読み込めますか?+

.region、画像、対応するSVGを読み込めます。画像を複数領域で共有し、位置や色を調整できます。AI・AEのプロジェクト全体の直接読み込みには未対応です.

書き出した動きを別のサイトで使えますか?+

はい。独立したHTMLをiframeで埋め込み、プレイヤーAPIで制御できます。静止画はSVGで書き出せます。編集用データは.regionで保存してください.

登録や支払いは必要ですか?+

現在は登録不要で無料です。開発中の初期版のため、複雑な組み合わせを試す前にプロジェクトをバックアップしてください。

YOUR NEXT IDEA STARTS WITH A SHAPE.

重ねてみよう。

ブラウザを開いて、想像の余地を。