ビジュアルコラボレーションプロトタイプ
以下の動画コミットグラフ、ビジュアル差分、フレーム出所はデモデータを使用しており、実際のGit審査には接続されていません。ソースコラボレーションに戻る

GITversion control that renders

すべてのコミットが
可視化されます。

このデモではレンダリングされたフレームとコードの変更を組み合わせて、ビデオがバージョン間でどのように進化するかを示します。

$ motion clone motiongit.com/motiongit/prism-type
$ motion diff v1.0.0 v1.1.0 --visual
$ motion fork --style night
$ motion propose "エントランスのタイミングをよりソフトに"

motion CLIは計画中です。現在のソースコードの共同作業はGitサービスとそのWebインターフェースを使用します。ビジュアル比較は現在デモのままです。

Repositories94

Releases739

Styles4

Forks2

ビデオコミットグラフ

デモのノードはコミットとフレームを組み合わせ、フォーク、スタイルのバリエーション、マージがテンプレートの履歴をどのように形成するかを示します。

v1.0.0初回リリース

v1.1.0ポートレートレイアウトを追加

a3f9e1フォーク · エントランスをよりソフトに

style/nightスタイルバリエーション · ナイトピンク

v1.2.0オーディオを調整

v1.3.0マージ #18 エントランスをよりソフトに

mainfork/@linstyle/night

ビジュアルディフ

同じ入力を使用した2つのデモバージョンを同じタイミングで比較します。分割線をドラッグして画像を検査できます。パラメータとソースの変更はその横に表示されます。

v1.2.0

v1.3.0

frame 0144 / 0240 · 00:04:24

params.schema.json

  "accent": {
-   "default": "#C2D788"
+   "default": "#79C0FF"
  },
+ "easing": { "enum": ["soft","snap"] }

src/main.js

  const k = clamp01(t / 0.8);
- const e = 1 - Math.pow(1 - k, 3);
+ const e = ease[inputs.easing](k);

ピクセル差分18.4%

モーションウィンドウ元の速度を維持

再生時間00:08 → 00:08

フレーム単位のBlame

デモのタイムラインを探索して、各セクションのクリエイター、コミットメッセージ、フレームを確認できます。

00:0000:0100:0200:0300:0400:0500:0600:0700:08

エントランス

タイトル

装飾

オーディオ

エグジット

v1.0.0v1.1.0v1.2.0fork @lin

ビジュアル提案

このデモでは、変更前後のプレビューとフレームコメントを使用した提案を紹介します。ソースのプルリクエストはGitサービスを使用します。公開済みのテンプレートには別途レビューが必要です。

Open#18 エントランスのタイミングをよりソフトに@lin wants to merge fork/@lin → main

before · frame 0012

after · frame 0012

@lin · frame 0012

エントランスのイージングをcubicからsoftに変更し、タイトルが穏やかに収まるようにしました。4行のタイトルでテスト済みです。

@motiongit · frame 0030

ポートレートレイアウトで3行目がリングに重なります。リングを4%上に移動していただけますか？

構造と整合性3つのアスペクト比すべてをレンダリングビジュアル差分: 18.4%。レビューが必要です

これらのパネルはデモです。テンプレートのフォークはテンプレートページで利用可能です。ソースのプルリクエストは別途接続されたGitリポジトリを使用します。マージしてもテンプレートは公開されません。

リポジトリ

公開済みのテンプレートを探索します。ソースの共同作業は、別途接続され承認されたリポジトリでのみ利用可能です。

motiongit / motiongit-promo-main

マルチスクリーン・コラージュ · ブランド紹介

v2.6.5-alpha.1★ 8↓ 2167

motiongit / motiongit-promo-ink

墨絵の絵巻 · ブランドストーリー

v2.6.6★ 9↓ 1781

adunext / template-02-expanded

紙のパース表現 · ナレーション解説

v2.7.21-alpha.13★ 8↓ 3364

adunext / template-04-dark-console

テック・コンソール · ナレーション解説

v2.7.20-alpha.8★ 7↓ 3011

prism-studio / visual-art-a-halftone

ハーフトーン · ポートレートタイトル

v2.6.6★ 1↓ 841

prism-studio / visual-art-c-collage

幾何学コラージュ · 動くポスター

v2.6.4★ 2↓ 936

fangcs / dotmatrix-portrait-v1

点阵肖像 v1

v1.0.0★ 0↓ 32

chenjunfeng5208 / ai-auto-edit-mg

AI自动剪辑真的来了

v1.0.0★ 0↓ 56

chenjunfeng5208 / openfilm-solo

OpenFilm · 打开想法

v1.0.0★ 0↓ 40

chenjunfeng5208 / motion-openfilm

Motion × OpenFilm

v1.0.0★ 0↓ 39

chenjunfeng5208 / ai-imagination

AI × 想象力

v1.0.0★ 0↓ 42

erictan88315 / green-ecosystem-presenter

青柠口播版 46场景动效模板

v1.0.0★ 0↓ 0

すべてのコミットが可視化されます。