Wonderland Editor のビュー

トップメニューバーの「Views」でエディタのビューを見つけることができます。

必須ビュー

以下のビューは非常に頻繁に使用します：

追加のビュー

そこまで頻繁に使用しないが便利なツール：

グローバルホットキー

エディタ内のどこでも使用できるホットキー。

ホットキー	説明
Ctrl/Cmd + N	新しいプロジェクト
Ctrl/Cmd + O	プロジェクトを開く
Ctrl/Cmd + S	プロジェクトを保存
Ctrl/Cmd + Shift + S	名前を付けてプロジェクトを保存
Ctrl/Cmd + I	プロジェクトをインポート
Ctrl/Cmd + E	選択範囲をエクスポート
Ctrl/Cmd + Shift + P	プロジェクトをパッケージ
F5	実行（パッケージ＆サーバーを起動し、開く）
F8	シェーダーをリロード
Ctrl/Cmd + Z	最後の操作を取り消し
Ctrl/Cmd + Shift + Z	最後の取り消し操作をやり直す

Scene View

現在のプロジェクトのシーンを3Dで表示します。

Resourcesから材質をオブジェクトにドラッグ＆ドロップして、最初のメッシュコンポーネントの材質を変更します。 Resourcesからテクスチャをオブジェクトにドラッグ＆ドロップして、最初の材質の最初のテクスチャスロットを設定します。また、リソースを直接コンポーネントのプロパティスロットにドラッグすることもできます。

ホットキー

ホットキー	説明
左クリック	カーソル下のオブジェクトのみを選択
Shift + 左クリック	カーソル下のオブジェクトを選択に追加
Shift + Ctrl/Cmd + 左クリック	選択したオブジェクトをカーソル下のオブジェクトにスナップ
F	選択したオブジェクトにフォーカス
Shift + F	オブジェクトの階層にフォーカス
B	ボックス選択ツール
G	“Grab”：移動ジズモに切り替え。移動ジズモが既にアクティブな場合、ローカルスペースに切り替わります。
R	“Rotate”：回転ジズモに切り替え。移動ジズモが既にアクティブな場合、ローカルスペースに切り替わります。
S	“Scale”：スケーリングジズモに切り替え
Alt + G	移動をリセット
Alt + R	回転をリセット
Alt + S	スケールをリセット
Keypad 5	直交ビューを切り替える
Ctrl	ジズモ使用中にスナッピングを有効化
Del	選択したオブジェクトを削除
Ctrl/Cmd + C	選択したオブジェクトをコピー
Ctrl/Cmd + V	オブジェクトを貼り付け
Ctrl/Cmd + Shift + V	選択したオブジェクトの子としてオブジェクトを貼り付け
Ctrl/Cmd + D	選択したオブジェクトを複製
Numpad 7	ビューを下向きに設定
Shift + Numpad 7	ビューを上向きに設定
Numpad 1	ビューを前向きに設定
Shift + Numpad 1	ビューを後ろ向きに設定
Numpad 3	ビューを左に設定
Shift + Numpad 3	ビューを右に設定
Shift + Alt + S	物理シミュレーション

Shift + 右クリックを押し続けると、ビューポートのナビゲーションが可能：

ホットキー	説明
W/A/S/D	前/左/下/右に移動
Q/E	上/下に移動
マウスをドラッグ	視点を変更

中ボタンを押し続けると、カメラのパンが可能：

ホットキー	説明
マウスをドラッグ	カメラをパンする

Asset Browser

プロジェクトディレクトリ内のファイルを表示します。

空きスペースを右クリックして、新しい JavaScript コンポーネントを作成できます。

PBR テクスチャを組み合わせるには、それらを選択し、右クリック > Tools > Combine PBR textures を使用します。

“shaders” フォルダ内で右クリックしてカスタムシェーダーを作成し、“plugins” フォルダではプラグインを作成できます。

ホットキー

ホットキー	説明
F2	名前を変更

Console

エディタ内の現在のイベントメッセージをログとして表示します。

「Info」「Warnings」「Errors」を無効化して他のメッセージをより明確に表示します。

Scene Outline

シーン内のオブジェクトの階層を表示します。

オブジェクトをドラッグ＆ドロップして親を再設定可能です。

ここからオブジェクトをコンポーネントのプロパティのリソーススロットにドラッグ＆ドロップできます。

ホットキー

ホットキー	説明
Del	選択したオブジェクトを削除
Ctrl/Cmd + C	オブジェクト階層をコピー
Ctrl/Cmd + Shift + C	オブジェクトをコピー
Ctrl/Cmd + V	オブジェクトを兄弟として貼り付け
Ctrl/Cmd + Shift + V	オブジェクトを子として貼り付け
Ctrl/Cmd + D	オブジェクト階層を複製
Ctrl/Cmd + Shift + D	オブジェクトを複製
Ctrl/Cmd + E	オブジェクトをエクスポート

Properties

選択したオブジェクトのプロパティを表示します。

任意のコンポーネントについて、三つのドットをクリックするとブラウザでそのドキュメントが開きます。また、ここからコンポーネントの JavaScript ソースファイルを開くことができます。

Project Settings

プロジェクト全体の設定。

レンダリング設定、JavaScript ファイルを取得するパス、VRとARの設定、物理とランタイムの設定などがあります。

Resources

現在のプロジェクトで管理しているすべてのリソースを表示します。

一部のリソースには追加の最適化オプションがあり、名前変更、削除、複製が可能です。名前をダブルクリックで変更、右クリックで削除や複製ができます。

ここからコンポーネントのプロパティにリソースをドラッグ＆ドロップ可能です。

ここから Scene View のオブジェクトに素材やテクスチャをドラッグ＆ドロップ可能です。

Project Data

プロジェクト用の内部 JSON ファイルを表示するデバッグビューです。

Profile

ランタイムがブラウザでアクティブで、localhost:8080にWebSocketを通じて接続できる場合、ランタイムは毎30フレームごとにプロファイリングデータを送信します。アンドロイドクライアントでも、例えばOculus Questやスマートフォンがadbとポートフォワーディングを有効にした場合に動作します。

このビューではそのデータがグラフで表示されます。

上部のドロップダウンから接続中のランタイムを切り替えできます。

Preferences

コンピュータごとに保存されるグローバルエディタ設定です。

ショートカットを設定し、利用可能なホットキーを学ぶ
「完全ページ再読み込みを強制」を切り替えてライブリロードを高速化
サーバーオプション（ポートやSSL証明書）を管理
起動と通知を調整

Plugins

エディタおよびプロジェクトのプラグインを管理します。

Views > Pluginsから開き、現在のプロジェクトにプラグイン実行を許可するには「このプロジェクトのプラグインを有効にする」チェックボックスを使用します。ビューには二つのタブがあります：

エディタスコープ：エディタ自体にバンドルされているか、インストールされたプラグイン。これらは現在のプロジェクトに関係なく、一般にビューやツールを追加します。
プロジェクトスコープ：プロジェクトの一部であるプラグイン（devDependenciesを通じてインストールや、plugins/フォルダに配置）。これらはプロジェクトファイルを読み取り、変更し、パッケージングに参加できます。

個別のプラグインを右側のチェックボックスで切り替えます。一部のプラグインは有効化後にプロジェクトの再読み込みが必要かもしれません。

Benchmark

外部デバイスを含むベンチマークシーンでのパフォーマンスをキャプチャーします。

Views > Benchmarkから開きます。
ベンチマークファイルを選択し、ターゲットデバイス（ローカルまたは接続された外部デバイス）を選んでベンチマークを開始します。デバイスリストが変わった場合は「デバイスの更新」を使用します。
結果は完了後にビューに要約され、デバイス間またはプロジェクトの変更後にパフォーマンスを比較できます。

ヒント：自動実行のための CLI オプションもあります。詳細はCLIドキュメントの--benchmarkセクションを参照してください。

Localization

プロジェクト内の文字列を複数の言語に翻訳します。

Views > Localizationから開きます。
「Strings」タブでプロジェクトに見つかった翻訳可能な用語をリストし、チェックボックスで含めるものを選びます。
「Languages」タブで言語を追加し、翻訳を編集します。
プロジェクトを保存すると、翻訳が <project-root>/languages/<Scene>/<lang-code>.json にJSON形式でエクスポートされ、業界標準の翻訳ツールで処理が可能です。「すべて再インポート」または「非デフォルトを再インポート」を使って編集されたJSONをプロジェクトに戻します。

Resource Tree

リソースが他のリソースを参照している様子を可視化し、未使用または予期しないリンクされたアセットを素早く見つけます。

Views > Resource Treeから開きます。
「Only selection」は現在の選択にビューを制限し、「Reverse」は参照グラフの方向を切り替えます。
ノードを展開して、オブジェクト、メッシュ、素材、パイプライン、シェーダーなどの間の関係を確認します。リソースの削除や変更を行う前に、どこで使用されているかを追跡するのに役立ちます。

Animation Editor

アニメーショントラックを編集し、「Custom Event」キーを追加。

Views > Animation Editorから開きます。
カスタムイベントキーをトラックに挿入して、再生中にイベントを発生させることができます。ランタイムコードはこれらのイベントをリッスンして、ゲームプレイの合図（例えば、足音、効果音、アイテムの装着/取り外し）をトリガーします。
ホットキー
ホットキー説明
スペースイベントを追加