캔버스는 BLOCKLORE의 주 무대입니다. 무한히 이동하고 확대·축소할 수 있는 보드로, 그 위에 노드가 놓이고 연결선이 데이터의 흐름을 보여 줍니다. 이 장에서는 캔버스 화면과 이동·확대·축소 방법을 소개합니다.

캔버스 화면 읽기

캔버스(/canvas/your-canvas-id)를 열면 화면은 몇 부분으로 나뉩니다:

• 상단 바: 왼쪽에는 캔버스 제목(클릭하면 이름 변경)과 저장 상태 표시(저장됨 / 저장 중 / 저장 안 됨 등), 오른쪽에는 공유, 게시 등의 항목이 있습니다. 팀 캔버스에서는 상단 가운데에 "N명 접속 중" 배지도 표시됩니다;
• 캔버스 본체: 무한히 이동하고 확대·축소할 수 있는 보드로, 그 위에 노드가 있고 연결선이 데이터 흐름을 보여 줍니다;
• 왼쪽 세로 툴바: 도구 상자(공식 템플릿 + 저장한 워크플로우)와 단축키(치트 시트 패널을 엶) 같은 항목이 있습니다. 좁은 화면에서는 이들이 더 많은 도구 또는 도움말 메뉴로 접혀 들어갑니다.

빠른 시작 카드

새 빈 캔버스에는 가운데에 "더블클릭 / 자유롭게 노드 추가" 안내가 표시되고, 네 개의 빠른 시작 카드 — 스토리 스크립트, 캐릭터 삼면도, 첫 프레임 이미지→비디오, 오디오→비디오 — 가 함께 나타납니다. 아무 카드나 클릭하면 미리 구성된 예시 노드와 연결이 시작 템플릿으로 배치됩니다.

스토리 스크립트 카드는 스크립트 노드를 만드는 입구입니다. 스크립트 노드는 일반 노드 추가 메뉴에 나타나지 않으므로, 이 카드가 유일한 진입 경로입니다.

이동, 확대·축소, 화면 이동

• 선택 / 손 전환: V를 누르면 선택 모드(상자를 드래그해 노드 선택), H를 누르면 손 모드(캔버스 자체를 드래그)로 바뀝니다;
• 확대·축소: 트랙패드에서 핀치하거나 ⌘/Ctrl을 누른 채 마우스 휠을 굴립니다. ⌘/Ctrl + = 로 확대, ⌘/Ctrl + - 로 축소합니다;
• 화면 맞춤: ⌘/Ctrl + 0 을 누르면 자동으로 확대·축소하며 전체를 가운데로 맞춥니다;
• 화면 이동: 스페이스를 누른 채 드래그하거나 마우스 가운데 / 오른쪽 버튼으로 드래그합니다.