Lapse
사진을 흐르는 영상으로 엮는 제품을 canvas-builder 엔진 위에 연결 코드 하나로 올려 본 시험 제작(PoC)입니다.
- 2026.05 ~ 2026.07
- Firstage
- 설계와 구현 (1인)
핵심 가치
인쇄 규격이 없는 제품도 canvas-builder 엔진을 고치지 않고 편집할 수 있음을 확인했습니다.
성과
- 인쇄 여백이 없는 16:9 영상 화면을 연결 코드 하나로 편집
- 장면 길이와 전환 같은 시간 정보가 엔진의 문서 형식에 남음
- 엔진은 시간 정보가 있어도 동작 방식을 바꾸지 않음
기술 스택
배경
canvas-builder가 포토북 말고 다른 제품도 담을 수 있는지 확인하려고 만든 실험입니다. “사진을 흐르는 영상으로”라는 아이디어를 16:9 영상 화면으로 옮겨, 인쇄 규격이 없는 제품을 같은 엔진으로 편집해 보았습니다.
결정과 구현
- 엔진 로직은 그대로 두고 제품 어댑터 하나로 붙였습니다. 페이지는 16:9 영상 크기에 도련 없이 두어 인쇄하지 않는 제품을 표현했습니다.
- 장면 길이, 장면 전환, 오디오 트랙은 문서 모델의 선택 필드로 두었습니다. 엔진 코드는 이 필드로 분기하지 않고, 시간축 해석은 제품 쪽 렌더러가 맡도록 경계를 정했습니다.
- 편집기는 react-hook-form과 엔진 Provider를 묶고, 변경을 모아 자동 저장하는 엔진 플러그인을 붙였습니다.
현재 상태
2026년 5월에 만든 PoC이고, 7월까지 다른 변경 때문에 깨진 부분만 고친 뒤로는 기능 작업을 하지 않았습니다. 시간축을 영상으로 그리는 렌더러는 다음 단계로 남겨 두었습니다. 여기서 정한 시간축 필드는 canvas-builder 문서 모델에 남아 있습니다.