Introduction to Godot's editor

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.

프로젝트 매니저(Project Manager)

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

In the top-right corner you'll find a drop-down menu to change the editor's language.

../../_images/editor_ui_intro_project_manager_02.png

템플릿(Templates) 탭에는 애셋 라이브러리에서 가져온 오픈 소스 프로젝트 템플릿과 데모를 다운로드해서 더 빠르게 작업을 시작할 수 있습니다. 간단히 원하는 템플릿이나 데모를 선택하고 다운로드(Download)를 클릭하세요. 다운로드가 끝났으면 설치하기(Install)를 클릭하고 프로젝트를 설치할 위치를 정하세요. 자세한 설명은 애셋 라이브러리에 대하여를 참고하세요.

../../_images/editor_ui_intro_project_manager_03.png

프로젝트를 만들거나 가져오기

새 프로젝트를 만들려면, 오른쪽의 프로젝트(New Project) 버튼을 클릭하세요. 이제 프로젝트 이름을 짓고, 프로젝트를 저장할 빈 폴더를 선택하세요. 그런 다음 렌더러를 선택하세요.

../../_images/editor_ui_intro_project_manager_04.png

Click the Browse button to open Godot's file browser and pick a location or type the folder's path in the Project Path field.

../../_images/editor_ui_intro_project_manager_05.png

오른쪽에 초록불이 들어오면, 엔진이 빈 폴더를 감지했다는 것입니다. 아니면 프로젝트 이름 옆의 폴더 만들기(Create Folder) 버튼을 클릭해서, 프로젝트 이름으로 된 빈 폴더를 만들 수 있습니다.

마지막으로 사용할 렌더러를 선택해야 합니다 (OpenGL ES 3.0 아니면 OpenGL ES 2.0). 선택하기 쉽게 각자 장단점이 쓰여 있습니다. 그리고 자세한 설명은 Differences between GLES2 and GLES3를 참고하면 됩니다. 마음이 바뀐다면 프로젝트 설정에서 백엔드를 바꿀 수 있습니다. 이 튜토리얼에서는 두 백엔드 모두 괜찮습니다.

모든 작업이 끝났으면 만들기 & 편집하기(Create & Edit)를 클릭하세요. Godot는 프로젝트를 만들고 편집기에 프로젝트를 열어 줍니다.

The next time you open the project manager, you'll see your new project in the list. Double click on it to open it in the editor.

../../_images/editor_ui_intro_project_manager_06.png

이와 비슷하게, 가져오기(Import) 버튼으로도 존재하는 프로젝트를 가져올 수 있습니다. 프로젝트나 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

Welcome to Godot! With your project open, you should see the editor's interface with menus along the top of the interface and docks along the far extremes of the interface on either side of the viewport.

../../_images/editor_ui_intro_editor_interface_overview.png

맨 위에 있는 메뉴들은 왼쪽부터 기본 메뉴(Main Menus), 작업 공간(Workspaces), 실행 및 테스트 버튼(Playtest buttons)입니다.

The FileSystem dock is where you'll manage your project files and assets.

../../_images/editor_ui_intro_dock_filesystem.png

The Scene dock lists the active scene's content and the Inspector allows for the management of the properties of a scene's content.

../../_images/editor_ui_intro_dock_inspector.png

In the center, you have the Toolbar at the top, where you'll find tools to move, scale or lock your scene's objects. It changes as you jump to different workspaces.

../../_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

작업 공간(Workspace)

위에서 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 workspace)에서는 3D 게임 용 메시와 조명, 레벨 설계를 할 수 있습니다. 키보드의 F2(macOS에서는 Alt + 2) 키를 눌러 들어갑니다.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

툴바 아래에는 원근보기(Perspective) 버튼이 있습니다. 이 버튼에는 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 F4 to search the reference.

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.png

To search for information about a class, method, property, constant, or signal in the engine while you are writing a script, press the "Search Help" button at the top right of the Script workspace.

../../_images/editor_ui_intro_script_search_documentation.png

A new window will pop up. Search for the item that you want to find information about.

../../_images/editor_ui_intro_script_search_help_window.png

Click on the item you are looking for and press open. The documentation for the item will be displayed in the script workspace.

../../_images/editor_ui_intro_script_class_documentation.png

Finally, the AssetLib is a library of free and open source add-ons, scripts and assets to use in your projects.

인터페이스 수정하기

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

독의 위에 있는 점 세 개로 된 아이콘을 누르면 독의 위치를 바꿀 수 있습니다.

../../_images/editor_ui_intro_editor_08.png

보기 좋은 편집기를 만들고 싶다면 편집기(Editor) 메뉴의 편집기 설정(Editor Settings)으로 가세요.