Godotエディタ・イントロダクション

This tutorial will run you through Godot's interface. We're going to look at the Project Manager, docks, workspaces and everything you need to know to get started with the engine.

プロジェクトマネージャー

When you launch Godot, the first window you'll see is the Project Manager. Since you have no projects there will be a popup asking if you want to open the asset library, just click cancel, we'll look at it later.

../../_images/project_manager_first_open.png

これで、プロジェクトマネージャーが表示されます。ゲームプロジェクトを作成、削除、インポート、またはプレイできます。

../../_images/editor_ui_intro_project_manager_01.png

ウィンドウ右上の角にエディタの言語を変更するドロップダウンメニューが見えるでしょう。

../../_images/editor_ui_intro_project_manager_02.png

テンプレート タブに表示されるアセットライブラリから、オープンソースのプロジェクトテンプレートとデモをダウンロードして、より迅速に作業を開始できます。目的のテンプレートまたはデモを選択し、[ダウンロード] をクリックするだけで、ダウンロードが完了したら [インストール] をクリックし、プロジェクトを配置する場所を選択します。詳細については、アセットライブラリについて を参照してください。

../../_images/editor_ui_intro_project_manager_03.png

プロジェクトの作成もしくはプロジェクトのインポート

新しいプロジェクトを作成するには、右側の 新規プロジェクト ボタンをクリックします。ここで名前を付け、保存先のコンピュータ上の空のフォルダを選択し、レンダラーを選択します。

../../_images/editor_ui_intro_project_manager_04.png

BrowseボタンをクリックするとGodotのファイルブラウザが開かれ、場所を選択するかフォルダパスをプロジェクトパスに入力します。

../../_images/editor_ui_intro_project_manager_05.png

右側に緑色のチェックマークが表示されている場合は、エンジンが空のフォルダを検出します。プロジェクト名の横にある フォルダを作成 ボタンをクリックすると、プロジェクトの名前で空のフォルダが作成されます。

最後に、使用するレンダラーを選択する必要があります(OpenGL ES 3.0またはOpenGL ES 2.0)。それぞれの長所と短所は、選択しやすいようにリストされています。詳細については、GLES2とGLES3の違い を参照してください。後で気が変わった場合は、プロジェクト設定からバックエンドを変更できることを覚えておいてください。このチュートリアルでは、どちらのバックエンドでも問題ありません。

完了したら、作成して編集 をクリックします。Godot によってプロジェクトが作成され、エディタで開きます。

次回以降プロジェクトマネージャーを開くと、リストに新しいプロジェクトが表示されます。ダブルクリックしてエディタで開きます。

../../_images/editor_ui_intro_project_manager_06.png

他のプロジェクトをインポートするには、インポートボタンを使います。 project.godot ファイルの入っているフォルダに移動し、 project.godot ファイルを選択すると、インポートを行い編集できます。

../../_images/editor_ui_intro_project_manager_08.png

フォルダパスが正しいときには、緑色のチェックマークが表示されます。

../../_images/editor_ui_intro_project_manager_09.png

Your first look at Godot's editor

Godotへようこそ! プロジェクトを開くとエディタのインターフェイスが表示され上部にはメニューが、そしてビューポートを挟んだ両側にはドックがあるはずです。

../../_images/editor_ui_intro_editor_interface_overview.png

上から順番に、左から右へメインメニューワークスペース、そしてテストプレイボタンがあります。

ファイルシステムドック は、プロジェクトファイルとアセットを管理する場所です。

../../_images/editor_ui_intro_dock_filesystem.png

シーン ドック には開いているシーンの中身がリストされており、 インスペクタ ではそれらのプロパティを管理できます。

../../_images/editor_ui_intro_dock_inspector.png

中央上部にある ツールバー には、シーン内のオブジェクトを動かしたりサイズ変更やこれらをロックするためのツールが並んでいます。それらはワークスペースごとに違うものに変わります。

../../_images/editor_ui_intro_editor_02_toolbar.png

The Bottom Panel is the host for the debug console, the animation editor, the audio mixer… They are wide and can take precious space. That's why they're folded by default.

../../_images/editor_ui_intro_editor_03_animation_player.png

ワークスペース

上に4個あるのがワークスペースのボタンです。(2D、3D、Script、およびAssetLib)。

You'll use the 2D workspace for all types of games. In addition to 2D games, the 2D workspace is where you'll build your interfaces. Press F1 (or Alt + 1 on macOS) to access it.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

3Dワークスペースでは、メッシュや光源への作業や、3Dゲームのレベルデザインが行えます。F2 (macOSでは Alt + 2) を押すと開けます。

../../_images/editor_ui_intro_editor_05_3d_workspace.png

ツールバーの下の透視投影ボタンに注目してください。3Dビューポートに関連するオプションのリストが開きます。

../../_images/editor_ui_intro_editor_06_3d_workspace.png

注釈

3Dワークスペースの詳細については3Dの概要をご覧ください。

The Script workspace is a complete code editor with a debugger, rich auto-completion, and built-in code reference. Press F3 (or Alt + 3 on macOS) to access it, and Shift + F1 to search the reference.

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.png

スクリプトを書いている間にエンジン内のクラス、メソッド、プロパティ、定数、またはシグナルに関する情報を検索するには、スクリプト ワークスペースの右上にある「ヘルプを検索」ボタンを押します。

../../_images/editor_ui_intro_script_search_documentation.png

新しいウィンドウがポップアップします。情報を探したい項目を検索してください。

../../_images/editor_ui_intro_script_search_help_window.png

探している項目をクリックして[開く]を押します。項目のドキュメントがスクリプトワークスペースに表示されます。

../../_images/editor_ui_intro_script_class_documentation.png

最後に AssetLib はあなたのプロジェクトで使えるフリーのアドオン、スクリプトやアセットをそろえたライブラリです。

インターフェースのカスタマイズ

Godot's interface lives in a single window. You cannot split it across multiple screens although you can work with an external code editor like Atom or Visual Studio Code for instance.

ドックの移動とサイズ変更

ドックやパネルの縁をクリックしてドラッグすると、水平および垂直方向にサイズ変更できます。

../../_images/editor_ui_intro_editor_07.png

ドックの上部にある3つの点のアイコンをクリックすると、位置を変更できます。

../../_images/editor_ui_intro_editor_08.png

エディタ メニューの エディタ設定 から、エディタの見た目を細かく調整できます。