시퀀스 캔버스

시퀀스 캔버스란?

시퀀스를 만들 때, 작업의 대부분은 시퀀스 편집기의 캔버스에서 이루어집니다. 캔버스는 시퀀스 요소를 포함할 영역이며, 시퀀스가 방에 추가될 때 표시되는 내용을 정의합니다. 처음 시퀀스를 만들면 캔버스의 기본 크기는 1366px x 768px로 설정되지만, 도구 상자에서 캔버스 프레임 토글 버튼 옆을 클릭하여 변경할 수 있습니다.

캔버스 크기는 시퀀스를 구성하는 자산을 배치할 시각적 영역을 정의하지만, 프레임은 단순히 크기에 대한 가이드일 뿐이며, 자산이 프레임 밖에 배치되더라도 여전히 렌더링됩니다. 프레임은 시퀀스 내 자산의 위치를 안내하기 위한 참조 이미지를 포함하는 데 사용될 수 있습니다. 참조 이미지는 캔버스 옵션 메뉴에서 추가할 수 있으며, 시퀀스 캔버스의 배경 이미지로 사용됩니다. 이 이미지는 프로젝트 아티스트의 UI 목업 등을 기준으로 자산을 배치하는 데 유용합니다. 단, 참조 이미지는 프로젝트에 저장되지 않으며, 시퀀스가 방에 추가될 때 렌더링되지 않습니다.

자산 추가하기

캔버스를 원하는 대로 설정한 후, 자산을 추가할 수 있습니다. 자산 브라우저에서 자산을 드래그하여 캔버스로 가져오면 트랙 패널에 자산 트랙이 생성됩니다. 추가할 수 있는 자산은 다음과 같습니다:

또한, 도구 상자의 텍스트 도구를 사용하여 텍스트 트랙을 생성할 수 있습니다. 자세한 내용은 "시퀀스에서 텍스트 읽기"를 참조하세요.

기즈모

필요한 자산을 추가한 후, 애니메이션을 위한 초기 위치에 배치하고 다양한 변환 제어 기즈모를 사용하여 변환할 수 있습니다. 기즈모에 접근하는 방법은 두 가지입니다:

1. 캔버스에서 자산의 가장자리에 마우스를 이동하고 클릭하여 드래그합니다. (커서가 변경되어 변환이 표시됩니다.)
2. 캔버스 도구 상자에서 자산의 원점에 있는 변환 기즈모를 사용합니다.

파라미터 키

자산의 초기 변환을 설정한 후, 캔버스를 사용하여 트랙 패널의 자산 트랙에 파라미터 키를 추가할 수 있습니다. 기본 위치 변환의 간단한 예는 자산을 시작 위치에 배치한 후, 도프 시트에서 이동이 끝날 프레임으로 플레이헤드를 이동시키고 자산을 다시 이동시키는 것입니다.

자동으로 변경 사항을 기록하도록 설정하면, 새로운 위치가 트랙에 자동으로 기록됩니다. 또한, 자산의 시간에 따른 이동을 나타내는 점선이 캔버스 뷰에 추가됩니다. 자동 기록이 활성화되어 있지 않은 경우에도 자산을 이동하고 플레이헤드를 설정한 후 "새 키 기록" 버튼을 클릭하여 포인트를 추가할 수 있습니다.

스마트 가이드

캔버스는 자산을 정렬할 수 있도록 스마트 가이드를 추가할 수 있습니다. 기본적으로 캔버스는 중심점을 기준으로 수평 및 수직 가이드를 표시하며, 캔버스 크기에 따라 시퀀스 캔버스의 "가장자리" 주위에 직사각형 가이드를 표시합니다. 이러한 가이드는 최종 시퀀스에 렌더링되지 않으며, 공간을 이해하고 자산을 배치하는 데 도움을 줍니다. 가이드를 추가하려면 자를 클릭하고 캔버스로 드래그하면 됩니다. 가이드를 제거하려면 클릭한 후 다시 자 쪽으로 드래그하면 됩니다.

가이드가 추가된 시퀀스에서 자산을 이동하면, 경계 상자나 원점이 가이드에 가까워질 때 "스냅"됩니다. 자산 간의 거리와 동일한 가이드에 있는 자산을 표시하기 위해 추가 스마트 가이드가 나타납니다.

마우스 오른쪽 버튼 메뉴 및 탐색

캔버스 뷰를 탐색하려면 일반 작업 공간과 동일한 기본 컨트롤을 사용할 수 있습니다. 즉, 중간 마우스 버튼을 사용하여 캔버스를 팬(pan)하거나, 마우스 휠로 수평으로 스크롤하거나, 키와 마우스 휠을 사용하여 확대/축소할 수 있습니다.

자산을 선택하려면 왼쪽 마우스 버튼을 클릭하거나, 여러 자산을 선택하려면 Shift 키와 함께 클릭합니다. 또한, Ctrl 키를 누른 상태에서 클릭하고 드래그하여 "상자"를 생성하면 상자 영역에 닿는 모든 자산이 선택됩니다.

선택한 자산에 대해 잘라내기, 복사 및 붙여넣기를 할 수 있습니다. 여러 자산이 선택된 경우 각 자산에 대해 경계 상자가 표시되며, 모든 자산을 포함하는 더 큰 경계 상자가 표시됩니다. 경계 상자의 동작은 왼쪽 상단 모서리의 아이콘에서 변경할 수 있습니다.

원하는 자산을 선택할 때, 마우스를 올리면 아이템 툴박스가 나타나며, 마우스 아래의 각 항목에 대한 아이콘 목록이 표시됩니다. 이 중 하나를 클릭하여 선택하고 편집할 수 있습니다.

추가 옵션

자산을 클릭할 때 마우스 오른쪽 버튼을 클릭하면 여러 추가 옵션이 제공됩니다:

활용 예제

다양한 활용 예제를 통해 시퀀스 캔버스를 어떻게 사용할 수 있는지 알아보겠습니다.

예제 1: 스프라이트 애니메이션

// 스프라이트를 캔버스에 추가하고 위치 설정
sprite_add("character_sprite", 1, false);
instance_create_layer(100, 100, "Instances", character);

예제 2: 오브젝트 이동

// 오브젝트를 특정 위치로 이동
instance_move_to(character, 300, 300);

예제 3: 사운드 추가

// 사운드를 시퀀스에 추가
audio_play_sound(sound_effect, 1, false);

예제 4: 텍스트 트랙 생성

// 텍스트 트랙을 추가하고 내용 설정
text_add("Welcome to the Game!", 200, 50);

이와 같은 예제를 통해 시퀀스 캔버스를 활용하여 다양한 애니메이션과 효과를 만들 수 있습니다.