Opus 5.5로 사진을 한 줄 예술로 바꿔주는 웹사이트를 만들었습니다. 그리는 과정도 영상으로 남겨줘요.
Opus 5.5 built me a website that turns any photo into one-line art. It also films the line being drawn.
핵심 요약
사진을 한 줄로 그려내는 예술적인 웹 도구로, 다양한 스타일과 도구, 타임랩스 렌더링 기능을 제공합니다.
- 다양한 예술 모드 — 나선형, 미로, 윤곽선 등 4가지 방식으로 사진을 한 줄로 변환함
- 풍부한 도구 옵션 — 11가지 필기구와 7가지 종이 질감을 지원하여 사실적인 결과물 생성
- 브라우저 기반 렌더링 — 별도의 업로드 없이 오프라인에서 작동하며 4K 영상까지 제작 가능
- 펜 플로터 지원 — SVG 내보내기 기능을 통해 실제 펜 플로터 기기에서 출력 가능

사진을 넣으면 종이에서 펜을 떼지 않고 한 번에 쭉 그리는 선으로 다시 그려줌. 선이 움직이는 방식은 네 가지임:
> Spiral(나선형): 근본 그 자체. 중심에서부터 나선형으로 선이 퍼져 나가는데, 사진에서 어두운 부분일수록 선이 굵어짐.
> Wander(방랑형): TSP 아트처럼 선이 이미지 전체를 이리저리 돌아다니면서 어두운 부분에 빽빽하게 채워짐. 시작할 지점을 직접 찍을 수 있고, 선끼리 절대 겹치지 않음.
> Contour(윤곽선): 피카소의 한 줄 드로잉처럼 얼굴(혹은 고양이나 뭐든)의 외곽선을 따고, 얇은 연결 선으로 모양과 모양 사이를 부드럽게 이어줌.
> Maze(미로): 처음엔 그냥 "예상치 못한 방향으로 간다"는 뜻으로 지은 건데, 진짜 미로를 만들어버림. 근데 결과물이 꽤 괜찮아서 그냥 둠.
도구는 11가지: 연필, 펜, 만년필 잉크, 크레용, 볼펜, 마커, 붓, 목탄, 분필, 네온, 금색.
종이는 7가지: 스케치북, 크림색, 수채화지, 크라프트지, 검은색 카드, 칠판, 청사진.
종이 질감은 코드로 생성되는데, 미리보기랑 4K로 내보낼 때 질감이 똑같이 나옴.
개인적으로 제일 마음에 드는 건 타임랩스 기능임. 9:16, 4:5, 1:1, 16:9 비율 중에서 고르고 10초에서 60초 사이로 설정하면 브라우저에서 바로 MP4로 렌더링해줌.
시네마틱 모드로 하면 카메라가 펜을 가까이서 비추다가 초상화가 완성되면서 서서히 뒤로 빠짐. 심도 표현도 들어가고, 나무 책상 위에 사진이 테이프로 붙어 있는 연출까지 나옴. 60fps 10초짜리 세로 영상 하나 뽑는 데 내 노트북 기준 7초 정도 걸림.
기타 등등:
> 최대 8K PNG 지원, 펜 플로터를 위한 SVG 지원 (웨이브 모드는 선 하나로 이어짐)
> 서버로 사진 안 올라감. 전부 브라우저 안에서 돌아가고, 처음 로딩만 하면 오프라인에서도 잘 작동함.
> 통계 창에서 선 길이가 얼마나 되는지 알려줌. 17cm 너비로 뽑은 나선형 초상화는 선 길이가 대략 19미터 정도 됨.
> 샘플 이미지도 전부 코드로 생성한 거임. 석고상 같은 건 셰이더로 레이마칭(ray-marched)해서 만든 거임.
Github: https://github.com/winchxyz/spiralist
Github pages: https://winchxyz.github.io/spiralist/
반려동물 사진으로 한번 해보고 어떤 모드가 제일 잘 나오는지 알려주셈. 그리고 쓰다가 뭐 터지는 거 있으면 그것도 좀 알려주고.

