remotion
はじめに ローカルでのレンダリング 基本のコマンド よく使うオプション GitHub Actions とは GitHub Actions で Remotion の動画を自動レンダリングする ワークフローファイルの作成 YAML の読み方 run — シェルコマンドを実行 uses — 公開されたアクション…
今回紹介しているプログラムを動かして作成した動画です ↓↓ youtu.be はじめに Sequence の復習と限界 Series：シーンを順番に並べる 基本 offset で重ねる TransitionSeries：シーン間にトランジションを入れる パッケージのインストール フェードトランジ…
はじめに 基本：AbsoluteFill でレイヤーを重ねる 最もシンプルなテロップ テロップの位置を変える テロップのスタイリングパターン 半透明背景つき 縁取り文字 色付き強調テロップ Sequence でテロップの表示タイミングを制御する 基本的な使い方 Sequence …
youtu.be Remotion シリーズ 全8回の記事一覧 第1回: 全体像をまとめるComposition / AbsoluteFill / Sequence で動画の骨組みを作る 第2回: Hooks を理解するuseCurrentFrame / useVideoConfig でフレーム番号と設定を取得する 第3回: アニメーションを作…
youtu.be Remotion シリーズ 全8回の記事一覧 第1回: 全体像をまとめるComposition / AbsoluteFill / Sequence で動画の骨組みを作る 第2回: Hooks を理解するuseCurrentFrame / useVideoConfig でフレーム番号と設定を取得する ▶ 第3回: アニメーションを…
youtu.be はじめに Remotion が提供する Hooks フレームとは？ Remotion の仕組み 具体的な使い方 useCurrentFrame() の使い方 useVideoConfig() の使い方 HelloWorld.tsx を読み解く spring / interpolate は hook ではない spring とは HelloWorld のアニ…
youtu.be はじめに 環境構築 前提条件 プロジェクト作成 AI エージェント向けの skills が自動でダウンロード！ プロジェクト構成 Remotion の根本的な考え方 Root.tsx ＝ 動画の設定ファイル 各パラメータの役割 schema と defaultProps HelloWorld.tsx の…
