Godot 편집기 소개

이 튜토리얼에서는 Godot의 인터페이스에 대하여 알아봅니다. 먼저 프로젝트 매니저, 독, 작업 공간을 알아보고, 그 후 엔진을 시작하려면 알아야 할 것들을 알아봅니다.

프로젝트 매니저(Project Manager)

Godot를 실행하면, 처음으로 나오는 창이 프로젝트 매니저(Project Manager)입니다. 아직 프로젝트가 하나도 없기 때문에 애셋 라이브러리(Asset Library)를 여는 팝업 창이 나올 것입니다. 취소를 누르세요. 애셋 라이브러리는 다음에 알아보죠.

../../_images/project_manager_first_open.png

이제 진짜 프로젝트 매니저를 볼 수 있습니다. 여기서 게임 프로젝트를 만들고, 삭제하고, 가져오고, 실행할 수 있습니다.

../../_images/editor_ui_intro_project_manager_01.png

오른쪽 위에는 편집기의 언어를 바꿀 수 있는 드롭 다운 메뉴가 있습니다.

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

찾아보기(Browse) 버튼을 눌러서 Godot 파일 브라우저를 열어서 위치를 지정하거나, 프로젝트 경로 영역에 폴더의 경로를 입력하세요.

../../_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는 프로젝트를 만들고 편집기에 프로젝트를 열어 줍니다.

다음에 프로젝트 매니저를 열게 되면, 새 프로젝트가 목록에 있는 것을 볼 수 있습니다. 편집기에 프로젝트를 열려면 더블클릭하세요.

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

Godot 편집기와의 첫 만남

Godot에 온 것을 환영합니다! 프로젝트를 열었으니 편집기의 인터페이스와 오른쪽의 빈 독이 있는 것을 확인할 수 있습니다.

../../_images/editor_ui_intro_editor_interface_overview.png

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

왼쪽 아래에는 파일 시스템 독(FileSystem dock)이 있습니다. 여기서 프로젝트 파일과 애셋을 관리합니다.

../../_images/editor_ui_intro_dock_filesystem.png

오른쪽에는 현재 씬의 내용을 나열해 놓은 씬 독(Scene dock)과, 그 아래에 있는 인스펙터(Inspector)를 확인할 수 있습니다.

../../_images/editor_ui_intro_dock_inspector.png

가운데 바로 위에는 이동, 크기 조절, 씬 객체 잠금을 할 수 있는 툴바(Toolbar)가 있습니다. 툴바는 작업 공간마다 달라집니다.

../../_images/editor_ui_intro_editor_02_toolbar.png

하단 패널(Bottom Panel)은 디버그 콘솔이나 애니메이션 편집, 오디오 믹서 등이 있고... 그렇다 보니 많은 공간을 차지합니다. 때문에 기본적으로 닫혀 있는 상태입니다.

../../_images/editor_ui_intro_editor_03_animation_player.png

작업 공간(Workspace)

위에서 4개의 작업 공간 버튼을 볼 수 있습니다: 2D, 3D, Script, AssetLib.

모든 종류의 게임을 만들려면 2D 작업 공간(2D workspace)을 사용하게 될 겁니다. 2D 게임이 아니더라도 인터페이스를 만들 때에 사용되죠. F1 키를 눌러 들어갑니다.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

3D 작업 공간(3D workspace)에서는 3D 게임 용 메시와 조명, 레벨 설계를 할 수 있습니다. F2 키를 눌러 들어갑니다.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

툴바 아래에는 원근보기(Perspective) 버튼이 있습니다. 이 버튼에는 3D 뷰포트와 관련된 설정 목록이 있습니다.

../../_images/editor_ui_intro_editor_06_3d_workspace.png

주석

3D 작업 공간에 대한 자세한 설명은 3D 소개를 참고하세요.

Script 작업 공간은 디버거, 많은 자동 완성 기능, 내장 코드 참조가 있는 완전한 코드 편집기입니다. F3 키로 들어가고, F4 키로 참조를 검색합니다.

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.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

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

../../_images/editor_ui_intro_editor_08.png

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