Defold 씬 에디터

Scene Editor는 컬렉션(collection), 게임 오브젝트(game object) 및 기타 시각적 에셋과 같은 씬을 만들고 편집하는 데 사용하는 시각적 에디터입니다.

초기 카메라 뷰는 리소스에 따라 다릅니다. 모델과 glTF 씬 같은 3D 리소스는 기본적으로 원근 투영(perspective)을, 스프라이트, 타일맵, GUI 씬 같은 2D 리소스는 직교 투영(orthographic)을 사용합니다. 씬 툴바에서 카메라 방향, 투영, 그리드를 변경할 수 있습니다.

Scene Editor 열기

다음과 같은 시각적 리소스를 Assets pane 창에서 더블 클릭하여 Scene Editor를 엽니다.

• 씬 구조 — 컬렉션(.collection), 게임 오브젝트(.go)
• 2D 에셋 — 아틀라스(.atlas), 타일 맵(.tilemap), 스프라이트(.sprite), 타일 소스(.tilesource)
• 3D 에셋 — 모델(.model, .glb, .gltf)
• UI — GUI 씬(.gui)
• 효과 — 파티클 효과(.particlefx)
• 기타 리소스

저장되는 씬 뷰

에디터는 씬 리소스의 탭을 닫거나 에디터를 종료할 때 각 리소스의 카메라 상태를 저장합니다. 같은 리소스를 다시 열면 뷰를 복원하므로, 컬렉션이나 모델마다 서로 다른 카메라 위치, 방향, 투영을 유지할 수 있습니다.

가시성 필터도 씬별로 저장됩니다. 한 씬에서 모델이나 컴포넌트 가이드를 숨겨도 다른 씬에 같은 필터를 사용할 필요는 없습니다. 에디터 뷰 설정이므로 게임의 카메라나 런타임 가시성에는 영향을 주지 않습니다.

저장된 카메라 상태가 없는 리소스 중 모델, 메쉬, glTF 리소스는 원근 투영으로 시작합니다. 충돌 오브젝트는 프로젝트의 2D/3D 물리 설정에 따라 뷰를 선택하고, 컬렉션과 게임 오브젝트는 씬 지오메트리를 기준으로 초기 뷰를 선택합니다.

씬 뷰 탐색(카메라 컨트롤)

Scene Editor 카메라는 마우스와 키보드로 제어할 수 있습니다. 사용할 수 있는 컨트롤은 표준 카메라 탐색을 사용하는지, Free Camera Mode를 사용하는지에 따라 달라집니다.

표준 탐색(모든 시각적 에디터)

시각적 에디터에서는 다음 컨트롤을 사용할 수 있습니다.

• 팬 이동
  • Alt/⌥ Option + Left Mouse Button
• 확대/축소
  • Mouse Wheel, 또는
  • Ctrl/^ Control + Alt/⌥ Option + Left Mouse Button
• 선택 항목을 중심으로 회전/오빗(3D)
  • Ctrl/^ Control + Left Mouse Button

Frame Selection(F)을 사용해 현재 선택 항목에 카메라 초점을 맞출 수도 있습니다.

2D와 3D 씬 방향 {#2d-and-3d-scene-orientation}

씬 뷰는 2D와 3D 워크플로우 모두에서 사용할 수 있습니다.

• 2D에서는 일반적으로 2D 지향 그리드가 있는 직교 투영 뷰에서 작업합니다.
• 3D에서는 일반적으로 다음과 같이 작업합니다.
  • 뷰를 3D 방향으로 다시 정렬합니다.
  • 원근 투영(perspective) 카메라를 사용합니다.
  • 적절한 그리드 평면을 선택합니다. “지면”에는 보통 Y를 사용합니다.

이 기능은 툴바와 View 메뉴에서 사용할 수 있습니다.

툴바 개요

씬 뷰 오른쪽 위에는 자주 사용하는 도구와 뷰 옵션이 있는 툴바가 있습니다(왼쪽부터 오른쪽 순서).

• Move tool(W)
• Rotate tool(E)
• Scale tool(R)
• Grid Settings(▦)
• Align/Realign Camera 2D/3D(2D) — 2D와 3D 방향을 전환합니다(단축키 .).
• Camera Perspective/Orthographic
• Visibility Filters(👁)

오브젝트 선택 및 조작

오브젝트 선택

메인 창에서 오브젝트를 Left Mouse Click하여 선택합니다. 에디터 뷰에서 오브젝트를 둘러싼 사각형(또는 직육면체)이 청록색으로 강조되어 어떤 항목이 선택되었는지 나타냅니다. 선택된 오브젝트는 위 그림처럼 Outline 뷰에서도 강조됩니다.

또한 다음 방법으로 오브젝트를 선택할 수 있습니다.

• Left Mouse Click 후 Drag하여 선택 영역 안의 모든 오브젝트를 선택합니다.
• Outline에서 오브젝트를 Left Mouse Click하고, ⇧ Shift를 누른 상태로 선택 범위를 확장하거나 Ctrl/⌘ Cmd를 누른 상태로 클릭한 항목을 선택/선택 해제할 수 있습니다.

Move tool

오브젝트를 이동하려면 Move Tool을 사용합니다. 씬 에디터 오른쪽 위의 툴바에서 찾거나 W 키를 눌러 사용할 수 있습니다.

기즈모가 변경되고, 드래그하여 이동할 수 있는 사각형과 화살표 조작 핸들이 표시됩니다. 선택된 조작 핸들은 주황색으로 바뀝니다.

• 청록색 중앙 사각형 핸들 하나는 오브젝트를 화면 공간에서만 이동합니다.
• 빨간색, 녹색, 파란색 화살표 3개는 각각 지정된 X, Y 또는 Z 축을 따라서만 오브젝트를 이동합니다.
• 투명한 채움과 외곽선으로 표시된 빨간색, 녹색, 파란색 사각형 핸들 3개는 지정된 평면에서만 오브젝트를 이동합니다. 예를 들어 X-Y(파란색) 평면과, 3D에서 카메라를 회전하면 보이는 X-Z(녹색), Y-Z(빨간색) 평면이 있습니다.

Rotate tool

오브젝트를 회전하려면 툴바에서 Rotate Tool을 선택하거나 E 키를 눌러 사용합니다.

이 도구는 드래그하여 회전할 수 있는 네 개의 원형 조작 핸들로 구성됩니다. 선택된 조작 핸들은 주황색으로 바뀝니다.

• 청록색 조작 핸들 하나(가장 바깥쪽의 가장 큰 원)는 화면 공간에서 오브젝트를 회전합니다.
• 더 작은 빨간색, 녹색, 파란색 원형 조작 핸들 3개는 각각 X, Y, Z 축을 기준으로 별도로 회전할 수 있게 합니다. 2D 직교 투영 뷰에서는 이 중 두 개가 X축과 Y축에 수직이므로, 원이 오브젝트를 가로지르는 두 선처럼만 보입니다.

Scale tool

오브젝트의 스케일을 조정하려면 툴바에서 Scale Tool을 선택하거나 R 키를 눌러 사용합니다.

이 도구는 드래그하여 스케일을 조정할 수 있는 사각형/정육면체 조작 핸들 세트로 구성됩니다. 선택된 조작 핸들은 주황색으로 바뀝니다.

• 중앙의 청록색 정육면체 하나는 모든 축에서 오브젝트의 스케일을 균일하게 조정합니다(Z 포함).
• 빨간색, 파란색, 녹색 정육면체 조작 핸들 3개는 각각 X, Y, Z 축을 따라 오브젝트의 스케일을 별도로 조정합니다.
• 투명한 채움과 외곽선으로 표시된 빨간색, 녹색, 파란색 사각형 조작 핸들 3개는 X-Y, X-Z 또는 Y-Z 평면에서 오브젝트의 스케일을 별도로 조정합니다.

Visibility filters

툴바에서 Visibility Eye Icon(👁)을 클릭하면 여러 컴포넌트 타입뿐 아니라 바운딩 박스와 가이드 라인(Component Guides, 단축키는 Win/Linux에서 Ctrl + H, Mac에서 ^ Ctrl + ⌘ Cmd + H)의 표시 여부를 전환할 수 있습니다.

그리드 설정

그리드는 워크플로우에 맞게 사용자 지정할 수 있습니다. 특히 3D에서 유용합니다. Grid Settings 버튼(▦)을 클릭하여 그리드 설정 팝업을 엽니다.

에디터는 2D와 3D 뷰의 그리드 설정을 따로 유지합니다. 원하는 모드가 활성화된 상태에서 크기, 평면, 표시 모양을 설정하세요. 모드를 전환하면 해당 모드의 그리드 설정을 복원합니다. Reset to Defaults는 활성 모드의 설정을 초기화합니다.

설정에는 다음이 포함됩니다.

• Grid size (X/Y/Z) 각 축을 따라 그리드 선 사이의 간격을 설정합니다. 작은 오브젝트를 정밀하게 배치하려면 작은 값을 사용하고, 더 넓게 살펴보려면 큰 값을 사용합니다.
• Active plane (X/Y/Z) 그리드가 그려질 평면을 선택합니다. 2D 워크플로우에서는 일반적으로 Z(기본 X-Y 평면)입니다. 3D 워크플로우에서는 Y를 지면/바닥 평면으로 표현하는 경우가 많습니다.
• Grid color 그리드 선의 색을 설정합니다. 서로 다른 씬 배경과 대비를 맞출 때 유용합니다.
• Grid opacity 그리드 선의 투명도를 제어합니다. 낮은 값은 그리드를 덜 눈에 띄게 하면서도 기준으로 사용할 수 있게 합니다.
• Reset to Defaults 버튼 모든 그리드 설정을 기본값으로 되돌립니다.

카메라 타입: Perspective와 Orthographic

Scene Editor는 다음 두 가지를 모두 지원합니다.

• Orthographic 카메라(2D 워크플로우에서 일반적)
• Perspective 카메라(3D 워크플로우에서 일반적)

전환하려면 툴바의 카메라 토글을 사용합니다. 3D 씬에서는 일반적으로 Perspective 카메라 탐색이 더 자연스럽게 느껴집니다.

Free Camera Mode

빠른 3D 탐색을 위해 Scene Editor는 1인칭/FPS 스타일 카메라인 Free Camera Mode를 제공합니다.

Free Camera Mode 활성화

• Right Mouse Button을 길게 누릅니다. 버튼을 누르고 있는 동안 Free Camera Mode가 활성화됩니다.
• Shift + `(backtick)은 Free Camera Mode를 켜는 토글이며, 키를 놓은 뒤에도 활성 상태를 유지합니다.

Free Camera Mode가 활성화되면 씬 뷰의 가장자리가 선으로 강조됩니다.

Free Camera Mode 종료

• 길게 눌러 활성화한 경우 Right Mouse Button을 놓습니다. 또는
• Free Camera Mode를 토글로 활성화한 경우 Left Mouse Button, Right Mouse Button(누른 뒤 놓기) 또는 Esc를 누릅니다.

둘러보기(mouse look)

Free Camera Mode가 활성화되어 있는 동안 다음 입력은 에디터 도구 대신 카메라 이동을 제어합니다.

• 마우스를 움직여 yaw(좌/우)와 pitch(위/아래)를 제어합니다.
• 카메라가 뒤집히지 않도록 pitch는 제한됩니다.

선택적으로 Y축을 반전할 수도 있습니다. 아래의 카메라 설정 팝업을 참고하세요.

이동

Free Camera Mode가 활성화되어 있는 동안:

• W — 앞으로
• S — 뒤로
• A — 왼쪽
• D — 오른쪽
• E — 위
• Q — 아래

속도 변경 키:

• Shift를 길게 누릅니다. 더 빠르게 이동합니다.
• Alt/⌥ Option을 길게 누릅니다. 더 느리게, 더 정밀하게 이동합니다.

Walking Mode(선택 사항)

Free Camera Mode는 Walking Mode를 지원합니다.

활성화하면:

• 위/아래 이동이 제한되어 지면 평면 위에서 이동하는 1인칭 보행처럼 동작합니다.
• 레벨을 탐색할 때 일관된 “지면 기반” 이동을 원하면 유용합니다.

카메라 설정 팝업

툴바의 Perspective 카메라 버튼에는 카메라 관련 환경설정을 위한 설정 팝업이 있습니다.

팝업에는 다음이 포함됩니다.

• Move Speed Free Camera Mode의 이동 속도를 조정합니다.

• Look Sensitivity 마우스 이동에 반응하여 카메라가 회전하는 속도를 조정합니다.

• Invert Y 마우스로 둘러볼 때의 수직 방향을 반전합니다.

• Walking Mode 지면 위를 이동하는 것처럼 탐색하도록 움직임을 제한합니다.

• Reset to Defaults 기본 카메라 설정을 복원합니다.