Motion Canvas – 複雑なヒントをプログラムで視覚化

Motion Canvas には 2 つの問題があります:

ミルを使用してアニメーションをプログラムする TypeScript ライブラリ

指定されたアニメーションの正確な時間のプレビューを提供するエディター。

それは

プレビューを提供する以外に、エディターは、アニメーションの明らかな側面を編集するのに役立ちます。そうでなければ退屈かもしれないアニメーション.

私たちの はじめに

データをテストして、モーション キャンバスを実行する方法。 近所にモーションキャンバスを増やす

ベンチャーは、次のプログラムを含む 1 つのモノレポとして維持されます:

芯

すべての適切な判断は、アニメーションの動作とレンダリングに関連しています。 2位 2D モーション グラフィックスのデフォルト レンダラー 図式 ユニークなプロジェクトをブートストラップするための装置 )

医師私たちのドキュメンテーション web web はオンラインで叫びます.e2e 終了から中止までのテスト

例 アニメーションの例はドキュメントで消滅しました。

) 参加者 アニメーションを表示するためのカスタム成分

レンプレート

開発者の利便性のために組み込まれたテンプレートベンチャー

ui

編集用のユーザーインターフェイスが消滅しました。 vite-プラグイン Aアニメーションを成長させてバンドルするためのVite絶滅のプラグイン。

リポジトリのクローンを作成したら、ストライド npm セットアップ SE へのベンチャーのルート内すべての重要な依存関係を整理します。 その後ストライド npx lerna stride invent 総プログラムを発明します.

コアを成長させるときは、すべて core:glance と template:help .

これにより、コア機器に加えられた変更が派生する可能性が高く、 を自動的に再構築します) レンプレート 思い切って担当者ページを更新してください。開始する

2nd:一瞥 と template:help. UIの増加

が発生した場合UI を構築する必要がある場合は、まず作業してテンプレート ベンチャーを発明します:

template:invent

)。 続いて、開始 ui:help.

参加者増加中

UI で鑑賞し、参加者を作成するには、まずテンプレートを作成します: template:invent 。 次に、participant:helpを開始します。 .

貢献中

私たちの で学ぶ貢献情報

教えていただけると助かりますMotion Canvas をより良く受け取ります。 𝚆𝚊𝚝𝚌𝚑 𝙽𝙾𝚆 📺