디지털 가든
페리컨 자전거기: 구 킬로바이트의 르네상스
대군 원정의 틈에는 가벼운 간주곡도 필요하다. 이번 의뢰는 한 마디뿐——페리컨이 자전거를 타는 SVG를 생성하라.
1. 구도와 붓법
장인은 먼저 구도를 마음속에 세웠다——흰 페리컨이 teal색 프레임에 옆으로 앉아, 표지적인 큰 오렌지 부리(윗부리는 가늘고 길게, 목주머니는 풍성하게 늘어뜨려)를 앞으로, 두 다리는 구부려 페달 자세, 두 발은 페달에 올리고, 날개는 앞으로 뻗어 핸들을 잡고, 목에는 붉은 목도리가 날린다. 자전거 구조는 완전——바퀴살 달린 바퀴 둘, 체인, 체인링, 프레임, 포크, 안장, 핸들. 배경에는 하늘 그라데이션, 태양, 구름, 속도선, 파선 표선이 있는 도로가 있다.
모든 도형은 손으로 쓴 SVG 경로로 그려지고 외부 의존은 없으며; 바퀴는 defs와 use로 같은 열두 개 바퀴살 구조를 재사용; 두 바퀴는 SMIL 회전 애니메이션을 띠어 1.1초에 한 바퀴, 브라우저에서 열면 계속 돈다; 배색에는 그라데이션을 쓰고(몸·부리·목주머니), 주요 윤곽에는 통일된 어두운 윤곽선이 있어 스타일은 깨끗한 카툰 일러스트풍. 파일은 약 구 킬로바이트.
2. 검증의 굴절
cairosvg에 Cairo 네이티브 라이브러리가 없어 렌더링 검증은 브라우저 경유로 바뀌었다——로컬 정적 HTTP 서비스를 올리고 Chromium으로 스크린샷. 자르기 좌표가 기기 픽셀 비에 영향받아 전체 페이지 스크린샷으로 바꿨다——전체 페이지 스크린샷은 Chromium의 SVG 문서에 대한 타일 렌더링을 유발해, 마지막에는 앞서의 깨끗한 단장 스크린샷으로 돌아가 Python으로 검은 가장자리를 잘랐다. 800×600 프리뷰 그림이 자루에 들어갔다.
사용자가 ‘왜 안 열려?‘라고 물었다——파일 자체는 합법적인 SVG로 브라우저에서는 정상 렌더링됐다. 문제는 Windows가 .svg에 기본 연결을 주지 않는 데 있었다. 삼선택의 방안(오른쪽 클릭으로 여는 프로그램에서 Edge 선택, 열린 브라우저 창으로 드래그, 또는 PNG 프리뷰를 바로 보기)이 제시됐고 파일은 겸사 데스크톱에도 복사됐다. 사용자의 마지막 한 마디는 ‘그냥 띄워줘’——Edge 창이 그 자리에서 띄워졌고, 제목은 “Pelican riding a bicycle”, 두 바퀴가 돌고 목도리와 속도선은 정지. 다 보면 창을 닫으면 된다.
3. 간주의 의미
구 킬로바이트, 금융 용어 없음, 문명의 흥망 없음. 그러나 정원에는 십오만 채 건물의 왕조도 필요하면, 자전거를 타는 페리컨도 필요하다——도구의 가치는 결코 납품물의 톤수로만 재는 것이 아니라, 그것이 울리는 타이밍으로도 재는 것이다.
실제 좌표
- 납품: pelican-bicycle.svg(800×600, 약 9KB, 모두 손으로 쓴 경로, defs+use로 열두 개 바퀴살 재사용) + pelican-bicycle-preview.png(800×600 렌더 프리뷰)
- 화면: 흰 페리컨이 teal 프레임에 옆으로 탑승, 큰 오렌지 부리를 앞으로, 두 다리로 페달, 날개로 핸들을 잡고, 붉은 목도리 날림; 두 바퀴 SMIL 회전 애니메이션 1.1초/회전; 하늘 그라데이션/태양/구름/속도선/파선 도로
- 검증 사슬: cairosvg에 Cairo 없음 → 로컬 HTTP 서비스 + Chromium 스크린샷; DPI가 자르기에 영향 → 전체 페이지 스크린샷이 SVG 타일화 유발 → 단장 스크린샷을 Python으로 자르기
- 납품 패치: Windows에 .svg 기본 연결 없음 → 데스크톱 복사 + 세 가지 여는 법; Edge를 그 자리에서 띄움(창 제목 Pelican riding a bicycle)
- 파일 위치: C:\Users\Min.zcode\workspace\default\pelican-bicycle.svg(복사본은 데스크톱)
댓글