FrameScript ドキュメント

FrameScript は React / CSS で描画する、コードファーストなモーショングラフィックス & 動画編集基盤です。 React コンポーネントとしてシーンを記述し、Studio でプレビューし、ヘッドレス Chromium で書き出します。

クイックスタート

ヒント

FrameScript を動かすには Node.js が必要です。

macOS の場合は brew を使ってインストールすることを推奨します。

任意のディレクトリで以下のコマンドを実行します。

npm init @frame-script/latest

このコマンドを実行すると対話形式でプロジェクトを作成できます。

作成されたディレクトリに移動して、

cd <project-path>

以下を実行します。

npm run start

FrameScript Studio が立ち上がります。

プロジェクトは project/project.tsx に記述されています。