Rikyu 문장 청사진

Rikyu 문장 청사진은(는) 무엇을 하나요?

업로드된 참조 이미지나 텍스트 컨셉을 순수 SVG로 된 미니멀리스트 문장(crest) 및 일본 가몬(kamon) 엠블럼으로 변환하고, 이를 건축용 컴퍼스와 직선자로 그린 설계도 시트 형태로 제시합니다. 각 출력물은 중앙의 반투명 실루엣, 그 위에 겹쳐진 동기화된 기하 작도 원과 확장된 접선 광선, 페이딩 밀리미터 그리드, 간결한 디자인 컨셉 노트, 그리고 오른쪽 하단의 완성된 단색 엠블럼 미리보기로 구성됩니다.

번들 리소스

• assets/rikyu_origami_crane_kamon.svg: 종이접기에서 영감을 받은 비상하는 학 가몬(Orizuru and Maizuru crest)의 완전한 참조 SVG 포스터입니다. 페이딩 10px/50px 밀리미터 그리드, <defs><g id="crest-shape"> 이중 상태 인스턴스화, 동기화된 접촉 원과 반경 표시, 확장된 직선자 광선, Rikyu 헤더 마크, 편집 풋터를 포함합니다.
• scripts/build_crane_svg.py: 참조 Python 생성기 스크립트로, 단일 Primitive Construction Registry에서 정확한 원호 끝점(x = cx + r * cos(theta), y = cy + r * sin(theta)), 실제 연속 나선형 컷아웃, 확장된 접선/할선 투영(P1 +/- 1200 * u)을 계산하는 방법을 보여줍니다.

사용 시점

• 사용자가 이미지(사진, 조각상, 동물, 사물 또는 참조 포스터)를 업로드하고 이를 Rikyu 스타일 SVG 기하학적 스케치 또는 건축 청사진으로 변환하거나 복제해 달라고 요청할 때.
• 사용자가 Rikyu 스타일 기하학적 건축 포스터, 일본 가몬 청사진 또는 황금비율 로고 시트를 SVG로 원할 때.
• 사용자가 동물, 신화 속 생물, 식물 모티브 또는 추상적인 상징물을 컴퍼스와 직선자로 그린 작도선과 원이 보이도록 디자인해 달라고 요청할 때.

단계

1. 입력 이미지 또는 컨셉을 기하학적 프리미티브로 분해

SVG 경로를 작성하기 전에 업로드된 이미지나 주제에서 기본이 되는 수학적 골격을 추출합니다.

• 프레이밍 원형 선택:

  • 폐쇄형 원형 가몬: 주제를 외부 원형 링(r="165"에서 r="185") 안에 넣습니다. 날개 달린, 나선형, 소용돌이 또는 회전 모티브(예: assets/rikyu_origami_crane_kamon.svg의 Nihonbashi 날개 기린 또는 종이접기 학)에 이상적입니다.
  • 독립형 문장: 주제를 강력한 수평 기준선(중심 기준 y="120")에 고정하고 지배적인 대각선 축을 중심으로 구축합니다. 서 있는 짐승, 조각상 또는 건축 형태(예: 바위 위의 포효하는 사자)에 이상적입니다.

• 평평한 최소 덩어리로 증류: 사진의 음영과 복잡한 질감을 4~8개의 고대비 평면 기하 실루엣 섬으로 변환합니다. 내부 스케치 선 대신 균일한 네거티브 공간 채널(전체 크기에서 6px에서 10px 너비)로 분리합니다.

• Primitive Construction Registry 구축: 모든 기본 윤곽 곡선을 명시적 원호(cx, cy, r)로 정의하고, 모든 직선 모서리, 기준선 또는 자세 축을 선 끝점(x1, y1, x2, y2)으로 (0, 0)을 중심으로 하고 [-185, 185] 범위를 가지는 로컬 좌표 공간에서 정의합니다. 이 좌표를 먼저 기록하여 실루엣 <path>와 작도 오버레이가 동일한 지오메트리를 공유하도록 합니다.

2. SVG 캔버스 및 페이딩 밀리미터 그리드 설정

세로 포스터 종횡비(viewBox="0 0 800 1000")를 사용합니다.

• 색상 토큰:

  • 배경 종이: #F4F1EA
  • 서브 그리드 (10px): #E2DDD3 (stroke-width="0.6")
  • 메이저 그리드 (50px): #D2CCC0 (stroke-width="0.9")
  • 외부 프레임 및 미리보기 테두리 가는선: #C6C0B4 (stroke-width="1")
  • 반투명 중앙 모티브: fill="#8C877E" fill-opacity="0.38" stroke="#4A463F" stroke-width="1.25"
  • 작도 원 및 확장 광선: stroke="#5C574F" stroke-width="0.75" stroke-opacity="0.72"
  • 단색 최종 엠블럼 및 헤더 마크: #3A3631
  • 컨셉 본문 텍스트: #6E6A63

• 그리드 페이드 마스크: 그리드 레이어에 <linearGradient> 마스크(y1="0"에서 y2="1")를 적용하여 밀리미터 그리드가 상단 청사진 영역(y="40"에서 y="740")을 덮고 y="640"과 y="750" 사이에서 배경 종이 쪽으로 부드럽게 페이드 아웃되도록 합니다.

3. 재사용 가능한 엠블럼 <g id="crest-shape"> 구축

<defs> 내에 <g id="crest-shape">로 엠블럼 지오메트리를 (0, 0) 중심으로 정의하여 기하학적 오차 없이 두 번 인스턴스화할 수 있도록 합니다.

1. 중앙 청사진 인스턴스: <use href="#crest-shape" transform="translate(400, 385)" fill="#8C877E" fill-opacity="0.38" stroke="#4A463F" stroke-width="1.25"/>로 인스턴스화합니다.
2. 오른쪽 하단 완성 엠블럼 인스턴스: 미리보기 상자 내에서 <use href="#crest-shape" transform="translate(660, 860) scale(0.32)" fill="#3A3631" stroke="none"/>로 인스턴스화합니다.

모든 <path> 요소는 Primitive Construction Registry(x = cx + r * cos(theta), y = cy + r * sin(theta))에서 직접 계산된 정확한 원호 명령(A r r 0 large-arc-flag sweep-flag x y)과 직선 세그먼트(L x y)를 사용하여 구성합니다. 복합 경로(fill-rule="evenodd") 또는 <mask> 컷아웃을 사용하여 네거티브 공간 채널과 내부 나선형 두루마리를 처리하여 반투명 중앙 상태와 단색 미리보기가 모두 깔끔하게 렌더링되도록 합니다.

4. 동기화된 작도 원 및 확장 광선 렌더링

모든 작도 지오메트리를 내부 프레임(<clipPath id="blueprint-clip"><rect x="40" y="40" width="720" height="720"/></clipPath>)으로 클리핑하고 transform="translate(400, 385)" 아래에 그룹화합니다.

• 접촉 작도 원: Primitive Construction Registry의 모든 원호에 대해(일반적으로 반경이 r="10"에서 r="240"인 14~24개의 원), <circle cx="..." cy="..." r="..." fill="none" stroke="#5C574F" stroke-width="0.82" stroke-opacity="0.76"/>를 그립니다.
• 중앙 십자선 및 반경 표시: 각 원의 중심 (cx, cy)에 7px 십자선(M cx-3.5 cy H cx+3.5 M cx cy-3.5 V cy+3.5)을 stroke="#4A463F" stroke-width="0.85"로 렌더링하고, 주요 기본 원에 수평 반경 표시선((cx, cy)에서 (cx+r, cy))과 6px 수직 끝눈금을 추가합니다.
• 확장된 할선 및 접선 광선: 각 직선 모서리, 기준선 및 주요 자세 축(일반적으로 12~20개의 선)에 대해 선 방향 벡터 (dx, dy)를 캔버스 전체(P1 - 1200 * u에서 P1 + 1200 * u, 여기서 u는 단위 벡터)로 투영하여 clip-path="url(#blueprint-clip)"가 모든 광선을 프레임 경계에서 깔끔하게 자르도록 합니다.

5. 편집 헤더 및 풋터 레이아웃 구성

• 외부 프레임: <rect x="40" y="40" width="720" height="920" fill="none" stroke="#C6C0B4" stroke-width="1"/>를 그립니다.

• 상단 헤더 (y="85"): 최소한의 실루엣 아이콘과 세리프 브랜드 타이틀(기본값 Rikyu 또는 사용자 지정 타이틀)을 x="400"을 중심으로 배치합니다.

• 왼쪽 하단 컨셉 블록 (x="76", y="810") :

  • CONCEPT를 대문자 산세리프(font-size="13", letter-spacing="2.8", font-weight="600", fill="#4A463F")로 렌더링합니다.
  • 그 아래(y="846")에 업로드된 이미지의 자세, 기본 축 및 평평한 기하 덩어리가 엠블럼으로 어떻게 증류되었는지 설명하는 3~4줄의 <text>를 배치합니다(사용자 선호도에 따라 중국어, 일본어 또는 영어).

• 오른쪽 하단 미리보기 상자:

  • 내부 정사각형 <rect x="560" y="760" width="200" height="200" fill="#F4F1EA" stroke="#C6C0B4" stroke-width="1"/>를 그립니다.
  • (660, 860)을 중심으로 하는 단색 조정된 #crest-shape를 렌더링합니다.

주의사항

• 임의의 장식용 원을 절대 그리지 마십시오: 모든 작도 원과 확장 광선은 실루엣의 실제 곡선 또는 가장자리에 수학적으로 접하거나 교차해야 합니다. (cx, cy, r)에서 직접 경로 호 끝점을 도출하여 작도 원이 실루엣 윤곽을 정확하게 감싸도록 합니다.
• 반투명 그룹 내에서 불투명한 종이 색상의 획을 피하십시오: 네거티브 공간을 조각하기 위해 #F4F1EA 획을 사용하는 경우, 그룹에 fill-opacity="0.38"을 적용하면 그리드 위에 획이 드러납니다. 대신, 별도의 닫힌 <path> 섬, 복합 경로(fill-rule="evenodd") 또는 SVG <mask>를 네거티브 공간 채널에 사용하십시오.
• 가독성 있는 네거티브 공간 너비와 열린 배경 균형 유지: 전체 크기([-185, 185])에서 간격을 6px에서 10px 사이로 유지하여 오른쪽 하단 미리보기 상자에서 0.32로 축소될 때 간격이 닫히지 않도록 하고, 머리와 꼬리 주변에 충분한 열린 네거티브 공간을 확보하여 엠블럼이 방사형 바퀴처럼 보이지 않고 상징적인 문장으로 읽히도록 합니다.