작업 방식
Create Canvas는 대화를 통해 여러 인터랙티브 디자인 대안을 탐색하는 작업 공간을 만듭니다. 각 미리보기는 소스에서 정의한 레지스트리에 안정적인 ID와 읽기 쉬운 이름을 가집니다. 이름을 복사해 특정 버전을 지칭하고, 전용 핸들로 미리보기를 이동하며, 캔버스를 이동하거나 확대·축소할 수 있습니다.
콘텐츠는 소스 파일에 유지되고 브라우저 저장소는 레이아웃을 기억합니다. 이 구분 덕분에 후속 요청이 명확해집니다. 새 버전은 자체 식별자와 상태를 갖고, 기존 버전의 변경은 그 위치를 유지합니다. 프로덕션으로 옮겨 달라는 요청이 있기 전까지 실험은 로컬에 머뭅니다.
예상 산출물
- 이름이 있는 인터랙티브 미리보기 항목을 소스에서 정의한 레지스트리.
- 이동 핸들, 카메라 제어, 지원되는 전역 테마 선택 기능을 갖춘 캔버스.
- 저장된 카메라와 항목 위치, 검증한 인터랙션과 미검증 인터랙션 보고서.
브리프에서 검토까지
- 01안전한 인터랙티브 미리보기 구성
새 캔버스를 만들기 전에 기존 캔버스를 살펴봅니다. 프로젝트의 프레임워크를 사용해 합성 데이터, 별도 라벨, 이동 핸들이 있는 미리보기 하나를 마운트합니다.
- 02서로 다른 대안 추가
새 변형마다 안정적인 ID, 고유 이름, 독립 상태를 부여합니다. 콘텐츠를 추가할 때 기존 대안과 측정된 위치를 그대로 유지합니다.
- 03탐색 중 입력 보존
캔버스 제스처를 타이핑, 선택, 중첩 스크롤과 분리합니다. 네이티브 포털을 유지하고 복사, 이동, 확대·축소가 미리보기를 다시 마운트하지 않는지 확인합니다.
- 04레이아웃 저장과 동작 검증
제한 범위 내 카메라 값, 지원되는 테마, 레지스트리 ID별 위치를 저장합니다. 새로고침, 잘못된 저장 데이터, 관련 기기 제스처를 검증한 뒤에만 작동한다고 보고합니다.