SkyPattern 사용 설명서

SkyPattern은 대화형 캔버스에서 기하학적 요소를 만들고 조작할 수 있는 기하학 디자인 도구입니다. 이 가이드는 애플리케이션을 효과적으로 사용하는 방법을 이해하는 데 도움이 될 것입니다.

• 시작하기
  • 인터페이스 개요
  • 기본 탐색
• 요소 작업하기
  • 새 요소 추가하기
  • 요소 유형
    • 기준점
    • 상수
    • 각도 거리
    • 선 위의 점
    • 선 교차
    • X와 Y 교차
    • 선
    • 베지어 곡선
    • 호
    • 고급 교차
    • 변환 요소
    • 패턴 조각
  • 수학 식 사용하기
    • 기본 산술
    • 동적 함수 (요소와 함께 작동)
    • 정적 수학 함수
    • 상수 및 요소 참조
    • 중요 사항
  • 요소 관리
    • 요소 선택하기
    • 요소 순서 변경하기
    • 요소 이름 바꾸기
    • 요소 숨기기/표시하기
    • 레이어 작업하기
    • 요소 삭제하기
• 캔버스 컨트롤
  • 제도 모드 vs 배치 모드 vs 노트 모드
  • 좌표계
  • 키보드 단축키
  • 입력 컨트롤
• 저장 및 불러오기
  • 클라우드 문서
  • 로컬 백업
• 패턴 마법사
  • 단계 ① — 치수 조정
  • 단계 ② — 배치 확인
  • 단계 ③ — PDF 설정 확인
  • 단계 ④ — 제작 시작
  • 단계 ⑤ — 바느질 시작
  • 인쇄된 페이지 조립하기
    • 페이지 레이아웃 이해
    • 조립 단계
• 팁 및 모범 사례
  • 요소 이름 지정
  • 복잡한 디자인 구축하기
  • 공식 예제
  • 문제 해결
• 고급 기능
  • 베지어 곡선 편집
  • 호-곡선 교차
  • 동적 측정

시작하기

인터페이스 개요

SkyPattern 인터페이스는 세 가지 주요 영역으로 구성됩니다:

1. 상단 툴바: SkyPattern 로고, 모드 전환(제도/배치), PDF/SVG 내보내기, 로컬 백업을 위한 저장/불러오기 버튼, 입력 모드 전환(마우스/트랙패드), 테마 전환(밝게/어둡게), 언어 선택기가 포함됩니다
2. 캔버스 영역: 기하학적 요소를 보고 조작할 수 있는 대화형 SVG 캔버스
3. 오른쪽 패널: 아이콘이 있는 요소 목록, 추가/제거 버튼, 속성 편집기. 왼쪽 가장자리를 드래그하여 이 패널의 크기를 넓히거나 좁힐 수 있습니다.
4. 하단 상태 표시줄: 문서 ID, 현재 모드, 저장 상태를 표시합니다

기본 탐색

SkyPattern은 툴바에서 전환할 수 있는 두 가지 입력 모드를 지원합니다:

마우스 모드 ():

• 패닝: 마우스 휠(가운데 버튼)로 클릭하고 드래그하거나, Shift를 누른 상태에서 왼쪽 마우스 버튼으로 드래그
• 확대/축소: 마우스 휠을 스크롤하여 확대/축소

트랙패드 모드 ():

• 패닝: 모든 방향(위, 아래, 왼쪽, 오른쪽)으로 두 손가락 스크롤
• 확대/축소: 핀치 제스처(두 손가락 핀치 인/아웃)

두 모드 모두:

• 요소 선택: 캔버스나 요소 목록의 요소를 클릭하여 선택
• 모드 전환: 툴바의 탭을 사용하여 "제도", "배치", "노트" 모드 전환
• 테마 전환: 테마 버튼을 클릭하여 밝은 모드와 어두운 모드 전환
• 격자 전환: 격자 버튼()을 클릭하여 캔버스에 1cm 참조 격자를 표시/숨김. 격자는 정렬 및 측정 확인에 도움이 되지만 내보내기에는 나타나지 않습니다.

요소 작업하기

새 요소 추가하기

1. 오른쪽 패널에서 ➕ 버튼을 클릭하거나 n 키를 누릅니다
2. 이름 없는 새 요소가 만들어지고 선택됩니다
3. 편집기의 드롭다운에서 요소 유형을 선택합니다
4. 요소 속성을 구성합니다

요소 유형

기준점

• 목적: 특정 X,Y 좌표에 고정 점을 만듭니다
• 속성:
  • X 좌표 (cm 단위)
  • Y 좌표 (cm 단위)
• 예제: x: 10, y: 20은 위치 (10cm, 20cm)에 점을 만듭니다

상수

• 목적: 재사용 가능한 숫자 값을 정의합니다
• 속성:
  • 값 (수학 식일 수 있음)
  • 설명 (선택 사항): 상수가 나타내는 것을 설명하는 텍스트 메모
• 예제: value: 15 또는 value: 10 * 1.5

각도 거리

• 목적: 다른 점에서 특정 각도와 거리에 점을 만듭니다
• 속성:
  • 시작점: 참조 점 이름
  • 각도: 방향 (도 단위) (0° = 오른쪽/동쪽, 90° = 아래/남쪽, 180° = 왼쪽/서쪽, 270° = 위/북쪽)
  • 거리: 참조 점에서 얼마나 떨어져 있는지 (cm 단위)
• 예제: "basePoint"에서, 각도 45°, 거리 20

선 위의 점

• 목적: 두 기존 점 사이의 선을 따라 점을 배치합니다
• 속성:
  • 시작점: 선의 시작점
  • 끝점: 선의 끝점
  • 길이: 시작점에서 선을 따라 떨어진 거리 (cm 단위)
• 예제: 선의 중간: length: len(@point1, @point2) * 0.5

선 교차

• 목적: 두 선이 교차하는 위치를 찾습니다
• 속성: 시작/끝 점 쌍을 사용하여 두 선을 정의
• 예제: "point1"에서 "point2"로의 선 1, "point3"에서 "point4"로의 선 2

X와 Y 교차

• 목적: 한 요소의 X 좌표와 다른 요소의 Y를 사용하여 점을 만듭니다
• 속성:
  • X 참조점: X 좌표를 가져올 요소
  • Y 참조점: Y 좌표를 가져올 요소

선

• 목적: 두 점 사이에 보이는 선을 그립니다
• 속성: 시작점과 끝점

베지어 곡선

• 목적: 컨트롤 핸들이 있는 부드러운 곡선을 만듭니다
• 속성: 컨트롤 각도와 거리가 있는 여러 점
• 사용법: 컨트롤 핸들을 클릭하고 드래그하여 곡선 모양을 조정

호

• 목적: 원호 또는 호 세그먼트를 만듭니다
• 속성:
  • 중심점: 호의 중심
  • 반지름: 호 반지름 (cm 단위)
  • 시작 각도: 시작 각도 (도 단위) (0° = 오른쪽, 90° = 아래)
  • 끝 각도: 끝 각도 (도 단위)
• 예제: 0°에서 90°까지의 4분원, 또는 0°에서 360°까지의 완전한 원

고급 교차

• 호와 곡선 교차: 호와 베지어 곡선 사이의 교차점을 찾습니다
• 호와 선 교차: 호와 두 점으로 정의된 무한선 사이의 교차점을 찾습니다
• 베지어 곡선과 선 교차: 베지어 곡선과 두 점으로 정의된 무한선 사이의 교차점을 찾습니다
• 곡선 위의 점: 곡선을 따라 특정 거리에 점을 배치합니다. 거리는 곡선의 전체 길이를 초과해서는 안 되며, 초과하면 오류가 표시됩니다.

변환 요소

• 목적: 이동 및 회전을 적용하여 요소의 변환된 복사본을 만듭니다
• 속성:
  • 요소: 변환할 요소 이름 배열
  • 이동 X: 가로 오프셋 (cm 단위)
  • 이동 Y: 세로 오프셋 (cm 단위)
  • 회전: 회전 각도 (도 단위)
  • 회전 중심점: 회전할 중심점 (선택 사항, 기본값은 원점 0,0)
• 기능:
  • 여러 요소를 한 번에 변환
  • 지정된 중심점을 중심으로 회전 지원
  • 점, 베지어 곡선 및 기타 기하학적 요소와 함께 작동
  • 변환된 요소는 원래 요소 이름과 변환 이름을 결합하여 이름이 지정됨 (예: point1transform1)
• 예제: ["point1", "curve1"]을 translateX: 10, translateY: 5, rotation: 45, pivot: "centerPoint"로 변환
  • point1transform1 및 curve1transform1 생성
  • centerPoint를 중심으로 45° 회전한 다음 오른쪽으로 10cm, 아래로 5cm 이동
• 사용법: 회전된 소매 패턴 만들기, 다양한 각도로 칼라 조각 배치, 중심점 주위에 장식 요소 반복, 또는 원형 레이아웃으로 패턴 조각 배치

패턴 조각

• 목적: 점, 선, 곡선 및 호를 연결하여 닫힌 다각형 모양을 만듭니다
• 속성:
  • 점 배열: 경계를 정의하는 요소 이름 (점, 베지어 곡선 또는 호)
  • 배치 X: 배치 모드의 가로 위치 (cm 단위). 수동으로 편집하거나 배치 모드에서 패턴 조각을 드래그하여 편집할 수 있습니다.
  • 배치 Y: 배치 모드의 세로 위치 (cm 단위). 수동으로 편집하거나 배치 모드에서 패턴 조각을 드래그하여 편집할 수 있습니다.
  • 배치 회전: 배치 모드의 회전 각도 (도 단위) (패턴 조각 중심을 중심으로 회전)
  • 올방향 각도: 올방향의 방향 (도 단위) (기본값 90° = 수직)
  • 올방향 길이: 올방향 표시기의 길이 (cm 단위)
  • 올방향 X: 조각 중심에서의 가로 오프셋 (cm 단위)
  • 올방향 Y: 조각 중심에서의 세로 오프셋 (cm 단위)
  • 올방향 표시: 올방향 표시/숨김 전환 (체크박스)
  • 노치: 노치(정렬 마커)가 나타나야 하는 외곽선의 점 배열
• 기능:
  • 인접한 점 사이의 베지어 곡선과 호를 자동으로 자름
  • 채워진 닫힌 경로로 렌더링
  • 모양의 중심에 라벨 표시
  • 제도 모드: 정의된 좌표에 표시
  • 배치 모드: 패턴 조각을 배치하기 위해 배치 X/Y 위치에 표시, 올방향 표시기 표시
  • 올방향: 패브릭 올 방향을 나타내기 위해 양쪽 끝에 화살표가 있는 선을 표시합니다. 올방향은 배치 회전을 조정할 때 패턴 조각과 함께 회전합니다.
  • 노치: 지정된 점에서 패턴 가장자리에서 바깥쪽으로 확장되는 작은 수직선. 조각을 함께 바느질할 때 정렬 지점을 표시하는 데 사용됩니다.
• 예제: 점 배열: ["cornerA", "edgeCurve", "cornerB", "arcSegment", "cornerC"]
  • edgeCurve가 베지어인 경우 cornerA와 cornerB 사이에 자동으로 잘림
  • arcSegment가 호인 경우 cornerB와 cornerC 사이에 호 세그먼트를 그림
  • 인접한 점이 없는 곡선과 호는 전체 길이를 사용
  • 90° (수직)의 올방향은 패브릭을 자를 때 조각을 올바르게 배치하는 데 도움이 됩니다
• 사용법: 재봉 패턴, 기술 도면 또는 디자인 템플릿의 패턴 조각 경계를 정의합니다. 암홀이나 목둘레와 같은 부드러운 곡선 가장자리에 호를 사용합니다. 올방향 표시기는 패턴 조각을 자를 때 적절한 패브릭 올 정렬을 보장하는 데 도움이 됩니다.

수학 식 사용하기

대부분의 숫자 속성은 수학 식을 허용합니다. 다음을 사용할 수 있습니다:

기본 산술

• 10 + 5, width * 2, radius / 3
• (10 + 5) * 2 (그룹화를 위한 괄호)
• +, -, *, / 연산자 지원

동적 함수 (요소와 함께 작동)

• len(@point1, @point2) - 두 점 사이의 거리 (cm 단위)
• len(@bezierCurve) - 베지어 곡선의 총 호 길이 (cm 단위)
• angle(@point1, @point2) - point1에서 point2까지의 각도 (도 단위)
• angle(@point1, @vertex, @point2) - 두 팔 사이 꼭짓점에서의 각도 (절댓값)
• getX(@pointName) - 점의 X 좌표 가져오기
• getY(@pointName) - 점의 Y 좌표 가져오기
• bisect(@point1, @vertex, @point2) - 두 팔 사이 꼭짓점에서 각도를 이등분하는 각도

중요: 함수에서 요소 이름을 참조할 때는 @를 접두사로 붙여야 합니다. 예: len(@basePoint, @corner) (len(basePoint, corner)가 아님).

정적 수학 함수

• 삼각법: sin(radians), cos(radians), tan(radians)
• 역삼각함수: asin(value), acos(value), atan(value)
• 2개 인수 역탄젠트: atan2(y, x)
• 각도 변환: torad(degrees), todeg(radians)
• 현 함수: crd(radians) (현 = 2×sin(각도/2)), acrd(chord_length) (역현, 라디안 반환)
• 지수/로그: exp(x), log(x), log10(x)
• 기본 수학: sqrt(x), abs(x), pow(base, exponent), sign(x)
• 반올림: ceil(x), floor(x), round(x), trunc(x)
• 여러 인수: min(a, b, c, ...), max(a, b, c, ...)

상수 및 요소 참조

• 내장 상수: PI (3.14159...), GOLDEN_RATIO (1.618...)
• 요소 참조: 요소 이름을 직접 사용: myConstant, centerRadius
• 함수의 요소 이름: 함수 호출에서 요소 이름을 참조하려면 @elementName 사용

중요 사항

• 삼각 함수는 라디안을 예상하지만 SkyPattern 각도는 도 단위입니다
• 변환 함수 사용: sin(torad(myAngle)) 또는 todeg(asin(0.5))
• 현 함수도 라디안 사용: crd(torad(60)) 또는 todeg(acrd(1.5))
• 요소 이름은 대소문자를 구분합니다
• 함수는 괄호와 쉼표로 구분된 인수가 필요합니다

요소 관리

요소 선택하기

• 캔버스에서 요소 클릭
• 오른쪽 패널의 요소 목록 사용
• 선택된 요소는 강조 표시됩니다
• 요소 목록의 돋보기(🔍) 버튼을 클릭하면 필터 모드가 활성화되어 이름으로 요소를 필터링하는 검색창이 표시됩니다

요소 순서 변경하기

• ⬆︎ 및 ⬇︎ 버튼을 사용하여 계산 순서 변경
• 요소는 목록 순서대로 계산되므로 종속성이 먼저 와야 합니다

요소 이름 바꾸기

• 요소 편집기의 이름 필드를 편집하여 요소 이름을 변경합니다
• 이름이 변경된 요소에 대한 모든 참조(공식, 점 필드, 배열 및 변환 파생 이름 포함)가 문서 전체에서 자동으로 업데이트됩니다
• 예: p1의 이름을 바꾸면 p1t1과 같은 변환 파생 이름도 새이름t1으로 자동 업데이트됩니다

요소 숨기기/표시하기

• 각 요소에는 편집기 패널에 "숨김" 체크박스가 있습니다
• 숨겨진 요소는 캔버스나 내보내기에서 보이지 않습니다
• 임시로 구성 요소를 숨기거나 겹치는 요소를 관리하는 데 유용합니다
• 숨겨진 요소는 여전히 존재하고 계산되지만 표시되지 않습니다

레이어 작업하기

레이어는 관련 요소를 그룹화하고 가시성을 제어하여 복잡한 패턴을 구성하는 데 도움이 됩니다.

레이어에 요소 할당:

• 요소를 선택하고 요소 편집기를 엽니다
• 편집기에서 "레이어 이름" 드롭다운을 찾습니다
• 드롭다운에서 기존 레이어를 선택하거나 "+ new"를 선택하여 새 레이어를 만듭니다
• 새 레이어를 만들 때 메시지가 표시되면 설명이 포함된 이름을 입력합니다
• 레이어 할당이 없는 요소는 항상 표시됩니다

레이어 가시성 관리:

• 레이어 패널이 오른쪽 열 상단에 나타나며, "레이어" 제목 옆의 삼각형 토글(▼/▶)을 클릭하여 접거나 펼칠 수 있습니다
• 각 레이어는 이름 옆에 체크박스와 함께 표시됩니다
• 체크됨 = 레이어가 캔버스 및 요소 목록에 표시됨
• 체크 해제됨 = 레이어가 보기에서 숨겨짐
• 체크박스를 클릭하여 전체 요소 그룹을 빠르게 켜고 끕니다

모범 사례:

• 레이어를 사용하여 완성된 패턴 조각과 별도로 구성 요소를 구성합니다
• 패턴 섹션별로 관련 요소를 그룹화합니다 (예: "소매", "몸판", "칼라")
• 현재 작업하지 않는 레이어를 숨겨 시각적 혼란을 줄입니다

사용 예:

• 가이드 라인 및 참조 점을 위한 "구성" 레이어 만들기
• 최종 패턴 조각을 위한 "패턴" 레이어 만들기

요소 삭제하기

• 요소를 선택하고 ➖ 버튼을 클릭합니다
• 주의: 이 요소를 참조하는 다른 요소는 계산을 잃게 됩니다

캔버스 컨트롤

제도 모드 vs 배치 모드 vs 노트 모드

SkyPattern에는 툴바의 탭을 사용하여 전환할 수 있는 세 가지 보기 모드가 있습니다:

• 제도 모드: 모든 요소를 만들고 편집하는 기본 작업 모드입니다. 모든 점, 선, 곡선 및 패턴 조각이 정의된 좌표에 표시됩니다. 이 모드를 사용하여 패턴을 제도합니다.

• 배치 모드: 완성된 패턴 조각을 배치하기 위한 레이아웃 모드입니다. 이 모드에서는:

  • 패턴 조각만 표시됩니다 (점 및 선과 같은 구성 요소는 숨겨짐)
  • 각 패턴 조각은 배치 X/Y 위치에 표시됩니다
  • 클릭 및 드래그하여 패턴 조각을 재배치합니다 (배치 X/Y 값을 자동으로 업데이트)
  • 자르기, 인쇄 또는 내보내기를 위해 조각을 배치하는 데 유용합니다
  • 패턴 조각 라벨이 더 큰 가시성을 위해 더 큽니다

• 노트 모드: 메모 작성 및 정보 공유를 위한 실시간 협업 텍스트 편집기입니다. 이 모드에서는:

  • 캔버스가 간단한 텍스트 편집기로 대체됩니다
  • 실시간 협업: 여러 사용자가 동시에 동일한 문서를 편집할 수 있습니다
  • 변경 사항이 연결된 모든 클라이언트 간에 자동으로 동기화됩니다
  • 연결 상태 표시기가 실시간 협업을 위한 연결 상태를 표시합니다
  • 모든 노트는 데이터베이스에 저장되며 세션 간에 유지됩니다
  • 패턴 지침, 측정 메모, 디자인 아이디어 또는 팀 협업에 유용합니다

좌표계

• 원점 (0,0)은 왼쪽 상단에 있습니다
• X는 오른쪽(동쪽)으로 증가합니다
• Y는 아래(남쪽)로 증가합니다
• 각도: 0° = 오른쪽, 90° = 아래, 180° = 왼쪽, 270° = 위
• 모든 거리는 센티미터(cm) 단위입니다

키보드 단축키

• n: 새 요소 추가
• 요소 외부를 클릭하여 선택 해제

입력 컨트롤

마우스 모드 (기본값):

• 클릭: 요소 선택
• 마우스 휠 클릭 및 드래그: 캔버스 패닝
• Shift + 왼쪽 클릭 및 드래그: 캔버스 패닝
• 마우스 휠 스크롤: 확대/축소
• 베지어 핸들: 클릭하고 드래그하여 곡선 컨트롤 포인트 조정

트랙패드 모드:

• 클릭: 요소 선택
• Shift + 왼쪽 클릭 및 드래그: 캔버스 패닝 (두 손가락 스크롤의 대안)
• 두 손가락 스크롤: 모든 방향으로 캔버스 패닝
• 핀치 제스처: 확대/축소 (두 손가락)
• 베지어 핸들: 클릭하고 드래그하여 곡선 컨트롤 포인트 조정

툴바의 입력 모드 전환 버튼(/)을 사용하여 마우스 및 트랙패드 모드 간 전환

저장 및 불러오기

클라우드 문서

문서 ID가 있는 경우(하단 상태 표시줄에 표시) 작업이 500ms마다 클라우드에 자동으로 저장됩니다.

로컬 백업

툴바의 로컬 백업 버튼(데이터베이스 아이콘)을 클릭하여 백업 대화상자를 엽니다.

• 로컬 백업 저장: 디자인의 JSON 파일을 컴퓨터에 다운로드합니다
• 백업에서 불러오기: 이전에 저장한 JSON 파일을 업로드할 파일 선택기를 엽니다
• 오프라인 작업 또는 디자인 공유에 유용합니다

패턴 마법사

패턴 마법사는 패턴을 맞춤 설정하고, 배치하고, 인쇄하는 전체 워크플로를 안내합니다. 미리 정의된 치수가 있는 템플릿 패턴으로 작업할 때 특히 유용합니다.

마법사 열기: 도구 모음의 마법 지팡이 버튼을 클릭하여 마법사 패널을 열거나 닫습니다.

단계 ① — 치수 조정

마법사에는 설명이 있는 모든 상수 요소가 나열됩니다. 값을 편집하면 패턴이 실시간으로 업데이트되므로 계속 진행하기 전에 변경 효과를 확인할 수 있습니다.

각 필드의 설명(예: "가슴 둘레", "등 길이")을 읽고 무엇을 조정하는지 이해하세요.

단계 ② — 배치 확인

인쇄하기 전에 각 패턴 조각을 가상 인쇄 캔버스에 배치해야 합니다. 배치(조각) 모드로 전환하여 각 조각의 인쇄 위치를 확인하고 조정합니다.

• 배치 자동 계산: 이 버튼을 클릭하면 선반 포장 알고리즘을 사용하여 모든 조각이 겹치지 않도록 자동으로 배치됩니다. 결과를 즉시 확인할 수 있도록 조각 모드로 전환됩니다.
• 수동 조정: 조각 모드에서 조각을 클릭하고 드래그하여 위치를 세밀하게 조정합니다. 수동으로 배치하면 자동 알고리즘보다 훨씬 더 촘촘하고 효율적으로 용지를 활용할 수 있습니다.

단계 ③ — PDF 설정 확인

PDF 인쇄 설정을 클릭하여 인쇄 대화 상자를 엽니다. 용지 크기, 방향, 겹침 여백, 페이지 격자(열 × 행)를 설정합니다.

• 페이지 수 자동 계산: 모든 조각을 맞추는 데 필요한 최소 페이지 수를 자동으로 계산하고, 총 페이지 수를 최소화하기 위해 세로 또는 가로 방향을 선택합니다.

단계 ④ — 제작 시작

PDF를 인쇄했으면 페이지를 조합하여 실물 크기 패턴을 만듭니다. 아래의 인쇄된 페이지 조립하기를 참조하세요.

단계 ⑤ — 바느질 시작

메모 탭 열기를 클릭하여 이 패턴 문서에 첨부된 제작 메모 및 바느질 지침을 확인합니다.

인쇄된 페이지 조립하기

인쇄 후 다음 단계에 따라 개별 페이지를 하나의 큰 패턴 시트로 조립합니다.

페이지 레이아웃 이해

각 인쇄 페이지에는 다음이 포함됩니다:

• 왼쪽 상단 모서리의 페이지 레이블: "Page(1,1)", "Page(2,1)" 등
  • 첫 번째 숫자 = 열 (왼쪽에서 오른쪽)
  • 두 번째 숫자 = 행 (위에서 아래)
• 두 가지 유형의 선이 있는 겹침 여백:
  • 실선 — 재단선 (여기서 자름)
  • 점선 — 겹침 경계선
• 중앙의 패턴 선

조립 단계

1. 모든 페이지 펼치기 (큰 테이블 또는 바닥에)
   • 페이지 레이블에 따라 격자 형태로 배열
   • Page(1,1)을 왼쪽 상단에, Page(2,1)을 그 오른쪽에 배치
2. 내부 페이지 자르기
   • 사방에 인접 페이지가 있는 페이지는 실선 겹침선을 따라 자름
   • 가장자리 페이지에는 겹침 여백을 남겨둠
3. 정렬하고 테이프로 붙이기
   • 맨 위 행부터 시작
   • 패턴 선과 표시를 맞추며 페이지를 겹침
   • 겹침 영역을 사용하여 정확하게 정렬
   • 앞면을 깔끔하게 유지하기 위해 뒤에서 테이프로 붙임
   • 행별로 작업한 후 행들을 서로 연결
4. 정렬 확인
   • 패턴 선이 페이지 경계를 넘어 매끄럽게 연결되어야 함
   • 선이 맞지 않으면 100% 크기로 인쇄했는지 확인

팁 및 모범 사례

요소 이름 지정

• "centerPoint", "radius", "cornerAngle"과 같은 설명적인 이름 사용
• 이름은 공식에 사용되므로 공백 및 특수 문자를 피하세요
• 카멜 케이스 또는 밑줄 사용: baseWidth 또는 base_width
• 전각 문자는 자동으로 반각으로 변환됩니다: 일본어 또는 한국어 키보드로 전각 문자를 입력하면 자동으로 반각 문자로 변환됩니다 (예: ａ → a, １ → 1)

복잡한 디자인 구축하기

1. 기준점으로 시작하여 주요 위치 설정
2. 중요한 측정값에 대한 상수 만들기
3. 각도/거리 및 선을 따라 요소를 사용하여 관련 점 만들기
4. 선과 곡선을 추가하여 디자인 시각화
5. 교차를 사용하여 파생된 점 찾기

공식 예제

• 상수: myRadius / 2 - 반지름 상수의 절반
• 수직 각도: angle(@center, @corner) + 90 - 각도에서 90도
• 이동된 위치: getX(@point1) + 5 - 오른쪽으로 5cm 이동된 X 위치
• 중간점 거리: len(@point1, @point2) * 0.5 - 점 사이 거리의 절반
• 선을 따라 분수: len(@point1, @point2) / 3 - 거리의 1/3
• 삼각법: sin(angle(@p1, @p2) * PI / 180) * 10 - 각도의 사인 곱하기 10
• 복잡한 식: sqrt(pow(getX(@p2) - getX(@p1), 2) + pow(getY(@p2) - getY(@p1), 2)) - 거리 공식
• 각 이등분선: bisect(@arm1, @vertex, @arm2) - 두 팔을 균등하게 나누는 각도
• 최소/최대: max(getX(@p1), getX(@p2), getX(@p3)) - 가장 오른쪽 X 좌표

문제 해결

• 요소가 계산되지 않음: 참조된 모든 요소가 존재하고 먼저 계산되는지 확인
• 예상치 못한 위치: 공식 및 요소 순서 확인
• 성능 문제: 복잡한 곡선을 단순화하거나 요소 수를 줄입니다
• 곡선 위의 점 "거리 범위 초과" 오류: 거리 값이 곡선의 전체 길이를 초과합니다. 거리를 줄이거나 len(@곡선이름)으로 곡선의 길이를 확인하세요.

고급 기능

베지어 곡선 편집

• 베지어 곡선을 선택하여 컨트롤 핸들 보기
• 핸들을 드래그하여 곡선 모양 조정
• 컨트롤 각도는 도 단위, 거리는 캔버스 단위(cm)

호-곡선 교차

• 정밀한 교차점을 찾는 데 유용합니다
• 교차점 번호는 사용할 교차점을 선택합니다 (0, 1, 2...)

동적 측정

• 종속성이 변경되면 요소가 자동으로 업데이트됩니다
• 기본 값을 변경하여 파라메트릭 디자인 만들기

이 가이드는 SkyPattern의 필수 기능을 다룹니다. 다양한 요소 유형과 공식을 실험하여 복잡한 기하학적 디자인을 만드세요!