# キャンバス

キャンバスは、コンテンツを配置・制作するための作業スペースです。キャンバス周辺のツールバーと下部のクリップバーについて説明します。

## キャンバスとは

キャンバスは、コンテンツ制作のメインとなる領域です。コンテンツを配置・制作するための作業スペースで、アップロードした画像、入力したテキスト、参考動画、Agentが生成した結果は、すべてキャンバス上にそのまま保存されます。

キャンバスを移動したり、拡大・縮小したり、全体キャンバスから各クリップのキャンバスに移動したりできます。

キャンバスはノードと接続線で構成されています。ノードには具体的なコンテンツが保存され、接続線はコンテンツ間の関係を表します。

## キャンバスの各機能

### キャンバス左上のクリップ名

クリップのキャンバス名が表示されます。クリックすると全体キャンバスに戻れます。

![キャンバス左上に現在のクリップのキャンバス名が表示され、左側の矢印をクリックすると全体キャンバスに戻れる](https://docs.moodio.art/media/cac24d31dd4cd796892450e0d5016519.png)

### キャンバス左側のツールバー

![キャンバス左側のツールバー：ノード追加、選択／ハンドモード、エリア、アセット、見つける、脚本の各ボタン](https://docs.moodio.art/media/22e90a754b4f8a7d5ced3f3613a9758c.png)

- **ノードを追加**

`➕`をクリックすると、**画像ノード**、**動画ノード**、**オーディオノード**、**ワールドノード**を作成できます。

![キャンバス上に新しく作成された画像ノード、動画ノード、音声ノード、ワールドノード](https://docs.moodio.art/media/cc9b96799f80db4baf5dbe47f30e66e4.png)

- **選択ツール**／**ハンドツール（パン）**の切り替え

選択モードでもハンドモードでも、ノードをクリックして選択し、移動や調整などの操作ができます。

> **ヒント:** 選択モードでは、マウスの左ボタンを押しながらドラッグすると範囲選択になり、キャンバスは移動しません。複数のノードを範囲選択して調整できます。
>
> ハンドモードでは、マウスの左ボタンを押しながらドラッグするとキャンバスを移動でき、キャンバス上のコンテンツを見て回れます。ドラッグで無限キャンバスを操作することに慣れている方に適しています。

- **ゾーン**

ドラッグで範囲を選択してエリアを追加し、キャンバスを整理できます。選択したエリアの色を変更して、囲んだコンテンツの種類を区別できます。

![3枚の画像を囲むエリアと、その上に表示されたエリアの色選択バー](https://docs.moodio.art/media/e72297356548d089b082e1a2dc21f331.png)

範囲を選択した後、エリア名の左側にあるv字アイコンをクリックしてエリアを折りたたむこともできます。複雑なキャンバスをすっきりと整理できます。

![折りたたまれたエリア。名前の左側の矢印にカーソルを合わせると、エリアを展開するためのヒントが表示される](https://docs.moodio.art/media/dd7c2100605072d8a51b256420c0c188.png)

- **アセット**

現在のプロジェクトのアセットや、**ライブラリ**、**アップロード**をすばやく確認できます。**ライブラリ**と**アップロード**内のファイルは、いつでも現在のキャンバスにドラッグして、参考にしたり使用したりできます。

[左側ツールバーのアセットボタンをクリックしてアセットパネルを開き、現在のプロジェクト内のアセットカードの詳細を確認する](https://docs.moodio.art/media/8566a11674569da02389548155acf178.mp4)

- **発見**

**発見**を開いて、制作の参考になるコンテンツを探して入手できます。**発見**のコンテンツは、キャンバスに直接ドラッグして参考にできます。

![左側のツールバーから開いた「見つける」パネルで「beach at night」を検索している様子](https://docs.moodio.art/media/b63fe79b918f7935c93bae67a6bce642.png)

- **脚本**

現在の制作画面で脚本のポップアップを開き、脚本編集画面に戻らずに、いつでも脚本全体を確認できます。脚本を見ながら動画を制作できます。

![制作画面で開いた脚本のポップアップ。脚本の各段落の横に対応するクリップが表示されている](https://docs.moodio.art/media/bb5811dbb3f1993931dcf4115c8685f2.png)

### キャンバス左下のツールバー

![アセットキャンバス左下のツールバー：ミニマップ、接続線、整列、選択済みのみ表示、すべてのコンテンツを表示、キーボードショートカット、ズーム](https://docs.moodio.art/media/cb9cedca6ad991ad4be433909625a6fb.png)

![制作ページのキャンバス左下のツールバー。フィルターボタンは「承認済みのみ表示」](https://docs.moodio.art/media/a116bea60f0a84cbca37712ce88a5f8e.png)

[左下のツールバーを順に操作：マップを表示、接続線を非表示、整列、承認済みのみ表示、すべてのコンテンツを表示、キーボードショートカット、ドラッグでズーム](https://docs.moodio.art/media/238143a15f6db0479471ba46e3080530.mp4)

- **ミニマップ**

キャンバス全体のミニマップを非表示にしたり、展開したりできます。大きなキャンバスでも目的の場所をすばやく見つけられます。

- **接続線**

ノード間の接続線を非表示または表示にします。

- **整列**

キャンバス内のノードの配置を自動で整理します。

- **承認済みのみ**

他のノードを非表示にし、承認済みのノードのみを表示します。

- **キーボードショートカット**

アセットキャンバスで使えるショートカットキーを確認できます。使いたい機能を検索して、ショートカットキーをすばやく見つけることもできます。

![キーボードショートカットのウィンドウ：上部の検索ボックスと、キャンバスの移動やノード選択のショートカットキー](https://docs.moodio.art/media/9136af5fda3395f3067d0ed1046833d2.png)

![コピー、切り取り、貼り付け、ノードの複製などのノード編集と、範囲選択のショートカットキー](https://docs.moodio.art/media/6e3246ea97722d88d162a4e7f5ea0c4c.png)

![範囲選択、ロック、接続線のショートカットキーと、ノードの実行、元に戻す、やり直しのショートカットキー](https://docs.moodio.art/media/9716918073d13f1c59f4e87c6fce7e41.png)

- **ズーム**

ズームバーをドラッグして、キャンバスを拡大または縮小します。

### キャンバス下部のクリップバー

キャンバス下部の**クリップバー**では、現在のプロジェクト内のクリップを確認・切り替えでき、クリップ間をすばやく移動できます。

![キャンバス下部で展開されたクリップバーに、各クリップのサムネイルが表示されている様子](https://docs.moodio.art/media/b710af28bf880d0bfd55def74683f9b4.png)

- **全体キャンバスに戻る**：下部バーの中央にある **全体キャンバス** をクリックするか、**`Esc`** を押すと、全体キャンバスに戻り、プロジェクト内のすべてのクリップを確認できます。

  [下部バーの中央にある全体キャンバスをクリックし、クリップキャンバスから全体キャンバスに戻ってすべてのクリップを確認する様子](https://docs.moodio.art/media/f28106a5b4ec1b1b07df24b969d22734.mp4)

- **クリップ一覧を展開する**：下部バーの **全体キャンバス** 以外の場所をクリックすると、クリップバーが展開され、すべてのクリップのサムネイルを確認できます。承認済みのアセットがあるクリップにはそのアセットの画像が表示され、アセットがない場合は選択した脚本の段落または空白が表示されます。

  [下部のクリップバーをクリックし、すべてのクリップのサムネイルを展開する様子](https://docs.moodio.art/media/d9d9a60104ac8df527953c7e82170bfa.mp4)

- **クリップキャンバスを開く**：クリップバーで**クリップをクリック**すると、対応するクリップキャンバスが開きます。すべてのクリップキャンバス間をすばやく移動できます。

- **クリップを作成する**：一番左の **`+`** をクリックすると、新しいクリップを作成できます。

- **クリップを管理する**：クリップのサムネイル左上にある **`···`** をクリックすると、以下の操作ができます。

  - **脚本で位置を表示**：そのクリップに対応する脚本の内容にすばやく移動します。
  - **脚本の範囲を編集**：現在のクリップに対応する脚本の範囲を調整します。
  - **クリップの名前を変更**：クリップの名前を変更します。
  - **クリップを削除**：現在のクリップを削除します。削除時に確認メッセージが表示されるので、クリップ内のコンテンツを残すかどうかを確認してから削除します。

  [クリップのサムネイル左上にある「···」をクリックし、脚本への移動、脚本範囲の変更、参考資料の追加、クリップ名の変更を順に行う様子](https://docs.moodio.art/media/0b13e923a9ff5ffd910e820d9a639418.mp4)