モーションとアニメーション

モーションとは

モーションとアニメーションは、スライド上で時間とともに変化するビジュアル表現です。グラデーション遷移、ドットフィールドの呼吸、入場エフェクト、Canvas 描画アニメーションなど。Agent がスライド生成時に実装し、ブラウザのキャンバスプレビューでリアルタイム再生され、プレゼンのテンポと視覚的訴求力を高めます。

一般的なモーションタイプ

• CSS モーション：グラデーション遷移、フェード、移動、スケールなどのスタイルアニメーション。
• 入場エフェクト：スライド表示時にタイトル、要点、ビジュアルブロックが順次出現。
• プログラム的な背景：ドットフィールド、パーティクル、グリッド——ループまたは半ループのスクリプト駆動エフェクト。
• Canvas アニメーション：より複雑なパス、形状、データ駆動の動的描画。

Agent はストーリーとデザインに合わせてモーション強度を調整します。すべてのスライドにアニメーションを付けるわけではありません。静的アイコンや図解はビジュアル要素のドキュメントを参照。

生成方法

• チャットでモーション意図を記述。例：「表紙にゆっくり流れるグラデーション背景」「スライド 3 の要点を順次フェードイン」。
• テンポの好みを伝える：控えめなビジネス、テック感、または強いビジュアルインパクト。
• Agent はレンダリング時にレイアウト、配色とともにモーションを実装。
• 効果が合わない場合：「もっと遅く」「ループを削除、入場のみ」など方向を伝えて調整。

プロンプト例

調整方法

一部のアニメーション付きビジュアルブロックは、ページ全体を再生成せずキャンバス上で精修できます。

• 編集モードを有効にし、モーション付きビジュアルブロックを選択して「精修プロパティ」を開く。
• パラメータが公開されている場合、パネルにコントロールが表示。例：入場有効、時間、密度、速度、色（ブロックにより異なる）。
• ライブプレビュー後「適用」で保存。
• 構造的変更（モーションタイプ変更、スライド全体のモーション再構成）は、チャットで Agent に依頼するのが最適。

プレビューとエクスポート

• キャンバスプレビューと共有リンク：ブラウザでモーションが再生。ページ移動に応じてスライドごとにアニメーションが開始/停止。
• PDF / PPTX / 画像 ZIP：エクスポート時に単一の静止フレームとして出力。プレビューのライブモーションとは異なります。
• ループアニメーション：エクスポートファイルは通常 1 フレームのみ。複数段階の変化を示す場合は複数スライドに分割。
• プレゼンモード：ブラウザ内のモーションはキャンバスプレビューと一致。

使いどころ

• 表紙、セクション区切り、クロージング：軽量モーションで雰囲気を作る。過度は避ける。
• 製品発表、ブランドデッキ：適度なモーションで記憶に残りやすく。
• データ重視、テキスト密集スライド：通常は静的のまま、内容への注意を維持。
• オンライン配信（共有リンク + ブラウザ）：モーションの価値が高い。オフライン PDF 配布のみでは静的レイアウトを優先。

適用範囲と制限

• コードモードのみ：画像モードに独立モーションレイヤーはなく、改稿は主にチャットでの全ページ再生成。
• PowerPoint ネイティブアニメーションではない：PPTX エクスポート時モーションはピクセルとして埋め込まれ、PowerPoint でアニメーションタイムラインを編集できません。
• 精修パラメータはブロックにより異なる。すべてのエフェクトが調整可能コントロールを公開するわけではありません。
• パフォーマンスと可読性：Agent はプレビューの滑らかさを損なう過度に重いループを避けます。

関連ドキュメント