キャンバスは BLOCKLORE の主要な舞台です。無限にパン・ズームできるボードの上にノードが並び、接続線がデータの流れを示します。この章では、キャンバスの画面構成と、移動・ズーム・パンの方法を紹介します。

キャンバス画面の見方

キャンバス(/canvas/あなたのキャンバス ID)を開くと、画面はいくつかの部分に分かれます。

• トップバー:左側にキャンバスのタイトル(クリックで名前変更)と保存状態のヒント(保存済み / 保存中 / 未保存 など)、右側に共有・公開などの入口があります。チームキャンバスでは、上部中央に「N 人がオンライン」のバッジも表示されます。
• キャンバス本体:無限にパン・ズームできるボード。その上にノードが乗り、接続線がデータの流れを示します。
• 左側の縦型ツールバー:ツールボックス(公式テンプレート + 保存したワークフロー)やショートカット(早見表パネルを開く)などの入口。画面が狭いときは「その他のツール」や「ヘルプ」メニューに折りたたまれます。

クイックスタートカード

空の新規キャンバスでは、中央に「ダブルクリック / 自由にノードを追加」というヒントと、4 枚のクイックスタートカード(ストーリー脚本、キャラクター三面図、先頭フレーム画像から動画、音声から動画)が表示されます。いずれかをクリックすると、あらかじめ用意されたサンプルのノードと接続が配置され、出発点となるテンプレートになります。

「ストーリー脚本」カードはスクリプトノードを作成する入口です。スクリプトノードは通常のノード追加メニューには現れないため、このカードが唯一の入口です。

移動・ズーム・パン

• 範囲選択 / ハンドの切り替え:V で範囲選択モード(ボックスをドラッグしてノードを選択)、H でハンドモード(キャンバス自体をドラッグ)。
• ズーム:トラックパッドでのピンチ、または ⌘/Ctrl を押しながらマウスホイールをスクロール。⌘/Ctrl + = で拡大、⌘/Ctrl + - で縮小。
• 全体表示:⌘/Ctrl + 0 で自動的にズームし、すべてを中央に収めます。
• パン:スペースを押しながらドラッグ、またはマウスの中ボタン / 右ボタンでドラッグ。