R, r, d는 각각 무엇을 의미하나요?

R은 고정된 큰 원의 반지름이고, r은 구르는 작은 원의 반지름이며, d는 작은 원의 중심에서 펜까지의 거리입니다. 만약 d가 r과 같다면 펜이 작은 원의 테두리에 위치하므로 곡선에 뾰족한 첨점(尖點)이 생기며, d가 더 작으면 부드러운 꽃잎 모양이 되고, d가 더 크면 길게 루프를 그리며 도는 꽃잎 모양이 됩니다.

스피로그래프 생성기

클래식한 스피로그래프 로제트 패턴을 온라인으로 생성하세요. 작은 원이 고정된 큰 원의 내부 또는 외부를 구를 때 펜이 그리는 하이포트로코이드 및 에피트로코이드 곡선을 시뮬레이션합니다. 최대 3개의 펜을 레이어링하여 만다라를 만들고, 세 가지 반지름을 미세 조정하고, 곡선이 그려지는 모습을 감상한 다음 선명한 SVG 또는 PNG 파일로 내보내세요.

스피로그래프 생성기

프리셋 적용하기:

회전 모드

고정된 원 R (30–200)

구르는 원 r (5–90)

펜 오프셋 d (1–100)

펜 레이어 수

팔레트

배경

선 두께 (0.4–4.0 px)

각 값을 조정하면 미리보기가 실시간으로 업데이트됩니다. 다시 그리기 애니메이션이 포함된 고해상도 그림을 얻으려면 생성기 실행을 클릭하세요.

Embed 스피로그래프 생성기 Widget

● 패턴 준비 완료

8엽형 단축 하이포트로코이드 하이포트로코이드 — 작은 원이 내부에서 구름 (클래식) · 8중 대칭 · 샘플링된 지점 1261개 · 3회전 후 닫힘

8엽형 단축 하이포트로코이드 — 하이포트로코이드 — 작은 원이 내부에서 구름 (클래식)

R = 96, r = 36, d = 30 값과 최대공약수 gcd(R, r) = 12를 기반으로 그려진 곡선입니다. 이 곡선은 8중 회전 대칭을 이루며, 구르는 원이 3번 회전한 후에 정확하게 닫힙니다.

R/r 비율: 96:36 펜 1개 무지개 (전체 스펙트럼)

모드안쪽

R / r / d96 / 36 / 30

최대공약수12

로브(대칭 수)8

펜 개수1

하이포트로코이드 매개변수 형식 — 펜이 안쪽에서 구르는 작은 원 위에 위치하는 경우:
$ x(t) = (R - r)\cos t + d\cos\!\left(\dfrac{R - r}{r}\, t\right) $
$ y(t) = (R - r)\sin t - d\sin\!\left(\dfrac{R - r}{r}\, t\right) $
값 설정 R = 96, r = 36, d = 30인 경우, 곡선은 범주 $ t \in [0, 2\pi \cdot 3] $ 이후에 닫히게 됩니다.

스피로그래프 생성기 정보

이 스피로그래프 생성기는 클래식 스피로그래프 장난감이 그려내는 곡선을 시뮬레이션합니다. 작은 원이 고정된 큰 원의 안쪽(또는 바깥쪽)을 따라 구르는 동시에, 작은 원 위에 고정된 펜이 아름답고 완벽한 대칭을 이루는 로제트 궤적을 남깁니다. 본 도구는 하이포트로코이드 및 에피트로코이드 뒷면에 숨겨진 실제 매개변수 방정식을 사용하며, 두 반지름의 최대공약수로부터 정확한 루프 주기를 계산합니다. 또한 최대 3개의 펜을 중첩하여 만다라 효과를 연출할 수 있습니다. 슬라이더 세 개를 조절해 실시간으로 바뀌는 라이브 미리보기를 확인하고, 완성된 고해상도 곡선을 SVG 또는 PNG 파일로 내보내 보세요.

스피로그래프 수학의 작동 원리

회색 점선으로 표시된 원은 반지름이 R인 고정된 원입니다. 보라색 원반은 미끄러짐 없이 이 원의 안쪽을 따라 구릅니다. 주황색 펜은 구르는 원반의 중심으로부터 d만큼 떨어진 거리에 장착되어 있습니다. 구르는 원이 공전함에 따라 펜이 곡선을 그리게 됩니다. 여기 표시된 애니메이션은 하나의 완벽한 드로잉 주기가 반복해서 나타나는 형태이며, 아래의 실제 스피로그래프 생성 시에도 동일한 물리 법칙이 적용됩니다.

가장 핵심적인 사실은, 매개변수 각도가 $ 2\pi $의 배수로 되돌아오는 동시에 구르는 원 또한 정수 배만큼 온전한 회전을 마쳤을 때만 곡선이 스스로 완전히 닫히게 된다는 점입니다. 이 두 가지 조건은 큰 각도가 정확히 r / gcd(R, r)번 궤도를 도는 시점에 동시에 만족됩니다. 이것이 바로 본 도구가 gcd(R, r)를 가장 먼저 계산하는 이유입니다. 이를 통해 눈에 보이는 이음새 없이 수학적으로 완전히 폐합된 파일의 내보내기를 보장합니다.

매개변수 방정식

하이포트로코이드 (안쪽에서 구르는 방식)

$$x(t) = (R - r)\cos t + d\cos\!\left(\frac{R - r}{r}\, t\right)$$

$$y(t) = (R - r)\sin t - d\sin\!\left(\frac{R - r}{r}\, t\right)$$

$ d = r $인 경우 이 곡선은 날카로운 첨점을 가지는 하이포사이클로이드가 됩니다 (첨점이 3개면 델토이드, 4개면 아스토로이드). 만약 $ d < r $이면 모서리가 둥근 꽃잎 형태(커테이트)가 되며, $ d > r $이면 꽃잎이 길게 루프 형태(프롤레이트)를 형성합니다.

에피트로코이드 (바깥쪽에서 구르는 방식)

$$x(t) = (R + r)\cos t - d\cos\!\left(\frac{R + r}{r}\, t\right)$$

$$y(t) = (R + r)\sin t - d\sin\!\left(\frac{R + r}{r}\, t\right)$$

$ d = r $인 경우 이 곡선은 바깥쪽을 향하는 첨점을 가지는 에피사이클로이드가 됩니다 (첨점이 1개면 카디오이드, 2개면 네프로이드). 만약 $ d < r $이면 루프가 축소된 형태(커테이트)가 되고, $ d > r $이면 루프가 길게 확장된 형태(프롤레이트)가 됩니다.

이 스피로그래프 생성기만의 특별한 차별점

이음새 없는 정확한 폐합 대부분의 온라인 스피로그래프 도구는 임의의 회전 수를 적용한 뒤 끝점들이 만나기를 기대하곤 합니다. 반면 본 도구는 r/gcd(R, r)를 먼저 계산하므로 매개변수의 범위가 수학적으로 완벽하게 들어맞습니다. 비율이 아무리 특이하더라도 마지막 점은 항상 정확하게 첫 시작점 위에 안착합니다.

조정값에 따른 실시간 미리보기 입력창 옆에 위치한 미니 캔버스는 키보드를 누르거나 슬라이더를 움직일 때마다 매번 다시 그림을 그려냅니다. R의 값을 96에서 97로 바꿨을 때 생기는 변화를 전체 렌더링을 돌려보기 전에 즉시 확인할 수 있습니다. 더 이상 값을 바꾸고 하염없이 기다릴 필요가 없습니다.

3중 펜 만다라 모드 2개 또는 3개의 펜 레이어를 선택하면 동일한 R/r 비율을 유지하면서 더 작은 펜 오프셋을 가진 곡선들이 서로 다른 색상으로 겹쳐서 렌더링됩니다. 여러 레이어를 일일이 합성한 것이 아니라 하나의 입력 세트만으로 꽃잎 안에 꽃잎이 포개어진 듯한 만다라 디자인을 손쉽게 완성할 수 있습니다.

스스로 그려지는 애니메이션 효과 SVG의 stroke-dashoffset 애니메이션 속성을 활용하므로, 마치 실제 종이 위에 진짜 펜으로 선을 긋는 것처럼 눈앞에서 곡선이 직접 그려지는 모습을 볼 수 있습니다. 다시 그리기 버튼을 눌러 다시 볼 수 있어 강의실 수업이나 발표 자료로 활용하기에 아주 제격입니다.

순수 벡터 파일 내보내기 SVG 내보내기는 비트맵 스냅샷이 아닌 원래의 수학적 수식을 고스란히 담고 있습니다. 크기를 대형 빌보드 전광판만큼 늘리거나 레이저 커터, 자수 디지털화 장비에 그대로 집어넣을 수 있으며 Illustrator나 Inkscape로 가져가 추가 편집도 가능합니다. PNG 내보내기는 슬라이드나 게시물에 올리기 좋도록 2배~4배의 고해상도 DPI로 지원됩니다.

자동 로브(대칭 수) 카운터 내장 모든 결과물에는 최대공약수, 회전 대칭 수(R/gcd), 루프가 완전히 닫히는 데 필요한 온전한 회전 수가 함께 표시됩니다. 숫자를 하나씩 바꾸어 보며 정수 간의 상호작용이 눈앞의 시각적 형태로 어떻게 이어지는지 직접 학습할 수 있습니다.

꽃잎 수 세기: 빠른 가이드

하이포트로코이드의 경우, 꽃잎(또는 $ d = r $일 때의 첨점)의 개수는 $ R / \gcd(R, r) $ 값과 동일합니다. 몇 가지 대표적인 클래식 예제는 다음과 같습니다:

R = 4, r = 1, d = 1 → 아스테로이드 (첨점 4개). 안쪽으로 오목하게 파인 클래식한 "다이아몬드 별 모양"입니다.
R = 3, r = 1, d = 1 → 델토이드 (첨점 3개). 슈타이너 곡선이라고도 불립니다.
R = 96, r = 36, d = 30 → 8개의 꽃잎을 가진 로제트. 왜냐하면 $ \gcd(96, 36) = 12 $이고, $ 96 / 12 = 8 $이기 때문입니다.
R = 105, r = 30, d = 72 → 7각 별 모양. $ d > r $이므로 꽃잎들이 길게 루프를 그리며 교차합니다.
R = 120, r = 45, d = 48 → 8개의 로브를 가진 레이스 형태. 약간의 커테이트 성질을 띠는 꽃잎들이 정교하게 엮여 있습니다.

에피트로코이드의 경우에도 동일한 공식이 "바깥쪽" 기하학 구조에 적용되어, $ d = r $일 때 바깥쪽을 향하는 $ R / \gcd(R, r) $만큼의 첨점이 생겨납니다.

짧은 역사에 관하여

기하학적 문양을 연구하던 알브레히트 뒤러(Albrecht Dürer)가 1525년에 에피사이클로이드를 관찰한 것에서 이 수학적 역사가 시작되었습니다. 이후 뢰머(Roemer, 1674년)와 베르누이(Bernoulli, 1700년대 초반)에 의해 매개변수 방정식이 정식으로 정립되었습니다. 오늘날 많은 사람들에게 친숙한 알록달록한 플라스틱 기어 형태의 "Spirograph" 장난감은 영국의 엔지니어 데니스 피셔(Denys Fisher)가 1965년에 발명하였으며, 이듬해 케너(Kenner) 사를 통해 출시되었습니다. 이는 전 세계적으로 엄청난 히트를 기록하며 1967년 영국에서 올해의 장난감 상을 받았습니다. 피셔는 원래 정밀한 스프링 구동 메커니즘을 설계하기 위해 이 기어 시스템을 개발하던 중이었는데, 장난감으로 발전한 것은 아주 기분 좋은 우연이었습니다.

오늘날 하이포트로코이드와 에피트로코이드 식은 공예 영역을 넘어 훨씬 다양한 곳에 응용됩니다. 반켈 로터리 엔진(로터의 궤적이 에피트로코이드를 그림), 지폐나 명품 시계의 기요셰(guilloché) 판화 기법, 리사주 스타일의 오실로스코프 예술, 그리고 포스터, 자수, 레이스 컷팅 등을 위한 제너레이티브 아트 제작 도구에 널리 사용되고 있습니다.

출력 결과물의 실제 활용 사례

인쇄물 및 포스터: 8개의 꽃잎 로제트 패턴에 골드 팔레트와 아이보리 종이 배경을 조합하여 벡터 SVG로 내보내면 고급스러운 결혼식 청첩장 장식 문양을 만들 수 있습니다.
레이저 커팅 및 각인: 완전히 닫힌 하나의 연속된 선 형태이므로 기계 작동 경로에 매우 이상적입니다. SVG로 내보낸 후 LightBurn이나 RDWorks 등의 프로그램으로 간편하게 가져가세요.
자수 디지털화: 조밀하게 겹쳐진 3중 펜 만다라 모드를 활용하면, 실이 중간에 끊기거나 건너뛰는 현상 없이 깔끔하게 연속으로 재봉되는 기계 자수 도안을 제작할 수 있습니다.
수학 및 미술 융합 강의실: r의 값을 1씩 바꾸면서 꽃잎의 개수가 변하는 것을 직접 관찰해 보세요. 주기 함수에서 최대공약수가 왜 중요한지 시각적으로 증명하는 좋은 교재가 됩니다.
제너레이티브 아트: 내보낸 SVG 파일은 자유롭게 편집할 수 있습니다. Illustrator에서 열어 닫힌 곡선 내부에 그라디언트를 채우거나 사진 배경 위에 곱하기(multiply) 모드로 블렌딩해 보세요.
로고 및 브랜드 문양: 모노크롬 팔레트 + 싱글 펜 + 작은 d 값을 선택하면, 명함에 인쇄해도 깨지지 않고 선명하게 축소되는 얇고 우아한 로제트 엠블럼을 완성할 수 있습니다.

아름다운 디자인을 위한 팁

소수(Prime)의 비율 = 촘촘하고 엄청난 꽃잎 수. R = 113, r = 30 조합을 시도해 보세요 (최대공약수가 1이므로 로브 수가 113개에 달하는 촘촘한 레이스가 됩니다). 그 후 R = 120, r = 30 조합을 해보세요 (최대공약수가 30이 되어 깔끔한 4각 별 모양이 됩니다).
루프 형태를 만드려면 d의 값을 r보다 크게 키우세요. $ d > r $이 되면 꽃잎들이 서로 중심 방향에서 교차하며 겹쳐집니다 — R = 90, r = 36, d = 80 값을 입력하여 선들이 서로 맞물려 돌아가는 화려한 꽃 모양을 만들어 보세요.
부드러운 꽃잎을 원한다면 d의 비율을 낮추세요. r 값에 비해 d 값을 작게 설정하면 부드럽고 잔잔한 "둥근 데이지" 모양이 나옵니다. 카드나 선물 태그용 도안으로 쓰기 좋습니다.
레이어를 추가해 입체감을 더하세요. 동일한 R, r, d 값을 유지하더라도 펜 레이어를 3개로 늘리는 순간, 다른 값을 전혀 수정하지 않고도 깊이감이 느껴지는 3D풍 동심원 문양이 즉시 완성됩니다.
청사진 배경 + 오션 팔레트 = 엔지니어링 스케치 느낌. 공학 디자인 일러스트나 프레젠테이션 슬라이드 포인트 장식용으로 훌륭합니다.
모눈종이 배경 + 모노크롬 잉크 = 교과서 다이어그램 느낌. 프린트용 수학 학습지나 과제 유인물에 그대로 삽입하기에 딱 알맞습니다.

자주 묻는 질문 (FAQ)

수학적으로 스피로그래프란 무엇인가요?

스피로그래프는 고정된 큰 원의 안쪽에서 구르는 작은 원의 궤적을 나타내는 하이포트로코이드(hypotrochoid) 또는 바깥쪽에서 구르는 원의 궤적인 에피트로코이드(epitrochoid)를 뜻합니다. 이 곡선들은 고정된 원의 반지름(R), 구르는 원의 반지름(r), 구르는 원의 중심에서 펜까지의 거리(d)라는 세 가지 반지름 매개변수를 갖는 수식으로 정의됩니다.

R, r, d는 정확히 무엇을 의미하나요?

R은 고정된 큰 원의 반지름, r은 구르는 작은 원의 반지름, d는 작은 원의 중심에서부터 펜 촉이 놓인 위치까지의 거리입니다. 만약 d와 r이 같으면 펜이 원 테두리에 닿아 있어 날카로운 쐐기 모양의 첨점이 형성됩니다. d가 r보다 작으면 모서리가 완만한 꽃잎 형태(커테이트)가 되며, d가 r보다 크면 선들이 안쪽에서 서로 꼬이며 겹치는 긴 루프 형태(프롤레이트)가 됩니다.

왜 패턴이 항상 완벽하게 닫힌 루프 형태로 끝맺음을 하나요?

본 도구는 R과 r의 최대공약수(gcd)를 내부적으로 계산합니다. 곡선은 구르는 원이 r / gcd(R, r)번 공전했을 때 정확하게 완전한 폐합을 이루며, 최종 형태는 R / gcd(R, r)만큼의 회전 대칭축을 갖게 됩니다. 최대공약수를 기반으로 연산하기 때문에 R/r의 비율이 어떠하든 상관없이(여기서는 정수로 취급) 이음새나 어긋남 없이 무조건 시작점으로 정확히 되돌아옵니다.

하이포트로코이드와 에피트로코이드의 차이점은 무엇인가요?

하이포트로코이드는 큰 원의 내부 공간 안쪽에서 작은 원을 굴리는 방식으로, 우리가 흔히 접해온 오리지널 스피로그래프 장난감의 원리입니다. 반대로 에피트로코이드는 작은 원이 큰 원의 외벽 바깥쪽을 타고 도는 방식입니다. 하이포트로코이드는 중심부를 향해 조여드는 꽃 봉오리나 로제트 같은 느낌을 주며, 에피트로코이드는 사방으로 뻗어 나가는 해바라기나 톱니바퀴 같은 외향적인 형태를 띱니다. 실제로 자동차의 반켈 로터리 엔진 하우징 구조를 설계할 때 에피트로코이드 곡선이 쓰입니다.

다중 펜 만다라 모드는 무엇인가요?

펜 레이어를 2개 또는 3개로 설정하면, 사용자가 입력한 고정 비율을 바탕으로 펜의 오프셋 d 값을 일정 비율로 조절해 가며 각기 다른 팔레트 색상으로 선을 겹쳐 그리는 기능입니다. 각 레이어마다 고유한 오프셋이 설정되므로 단 한 번의 클릭만으로 겹겹이 포개어진 정교한 만다라나 랑골리 문양을 자아낼 수 있습니다. 여러 그래픽을 복잡하게 레이어링할 필요 없이 수식 하나로 뽑아내는 멀티 스트로크 기능입니다.

스피로그래프를 내보낼 수 있나요?

네, 가능합니다. SVG 다운로드 기능은 아무리 확대해도 선이 절대 깨지지 않는 완벽한 벡터 그래픽 원본을 제공하므로 상업 인쇄, 컴퓨터 자수 도안 생성, 커팅기 경로 설정 또는 Illustrator나 Inkscape를 활용한 2차 그래픽 디자인 작업에 이상적입니다. PNG 다운로드 기능은 프레젠테이션 발표 슬라이드나 소셜 미디어 포스팅에 적합한 고해상도 비트맵 이미지를 렌더링해 줍니다. 코드 복사를 클릭하면 웹페이지 소스에 바로 붙여넣거나 메신저로 전송할 수 있도록 순수 SVG 태그 문법을 클립보드에 담아줍니다.

이 도구는 무료로 사용할 수 있나요?

네, 완전히 무료입니다. 스피로그래프 생성기는 웹 브라우저에서 독립적으로 백엔드 통신 없이 구동되므로 별도의 회원 가입이나 로그인이 전혀 필요 없으며, 결과물 파일에 어떠한 워터마크도 남기지 않습니다. 이 도구로 만들어낸 모든 기하학 패턴의 소유권은 온전히 사용자에게 있으므로 상업적 판매, 프린트물 제작, 디자인 리믹스, 퀼트 자수 제작 등 개인적 목적과 상업적 용도를 가리지 않고 마음껏 사용하셔도 좋습니다.

왜 어떤 곡선은 뾰족하고 어떤 곡선은 부드러운가요?

모양의 전체적인 가시 수(대칭 형태)는 R / gcd(R, r) 수식 결과에 따라 정해지며, 이 값이 곧 외곽선 로브의 총개수가 됩니다. 반면 각 선들의 뾰족하고 둥근 성질은 오프셋 거리인 d가 결정합니다. d와 r의 값이 똑같으면 칼날처럼 날카롭게 꺾이는 첨점(하이포사이클로이드 혹은 에피사이클로이드)이 생성되고, d가 r보다 작아지면 동글동글한 꽃잎(커테이트) 모양이 되며, d가 r을 넘어서면 선들이 서로 중심축을 파고들며 꼬이는 긴 루프(프롤레이트) 형태가 됩니다. 값을 하나씩 변경해 보며 직관적인 변화를 경험해 보세요.

리사주(Lissajous) 곡선과는 수학적으로 어떻게 다른가요?

리사주 곡선은 x축과 y축이 서로 독립된 평면상에서 각각 개별적인 정현파 진동 운동을 결합할 때 나타나는 궤적입니다 — 공식 유도식은 x(t) = A sin(at + δ), y(t) = B sin(bt) 형태를 띱니다. 반면 스피로그래프는 하나의 원이 다른 원의 둘레 위를 미끄러짐 없이 구르는 물리적 회전 운동을 기초로 합니다. 따라서 리사주 문양은 사각형 프레임 격자 구조 안에 갇힌 모양새를 보이지만, 스피로그래프는 기본적으로 원형 프레임 틀의 형태적 제약을 받습니다. 두 곡선 모두 시간에 따른 2차원 주기적 수식 곡선이라는 점에서 패밀리 룩 같은 유사성을 띠지만 발생 기하학 메커니즘 자체가 완전히 다릅니다.

라이브 미리보기 화면과 최종 렌더링 결과물이 미세하게 다르게 보이는 이유는 무엇인가요?

좌측 슬라이더를 움직이거나 텍스트 박스를 타이핑할 때 브라우저가 버벅거림 없이 실시간으로 반응할 수 있도록, 라이브 미리보기 컴포넌트는 상대적으로 낮은 수의 조밀도(샘플 포인트)로 곡선을 단순화하여 빠르게 연산합니다. 반면 최종 생성 버튼을 눌러 연산 된 결과 영역은 곡선의 복잡도에 따라 최소 900점에서 최대 7,200점에 이르는 고밀도 도트 샘플링 과정을 거치므로 훨씬 매끄럽고 선명한 고품질 벡터 라인을 보여줍니다. 두 화면의 수학적 공식 뿌리는 완벽히 동일하며 오직 화면 해상도 퀄리티의 차이만 존재합니다.

이 콘텐츠, 페이지 또는 도구를 다음과 같이 인용하세요:

"스피로그래프 생성기" - https://MiniWebtool.com/ko/스피로그래프-생성기/에서 MiniWebtool 인용, https://MiniWebtool.com/

MiniWebtool 팀 제작. 업데이트 날짜: 2026-05-19

스피로그래프 생성기

스피로그래프 생성기 정보

스피로그래프 수학의 작동 원리

매개변수 방정식

이 스피로그래프 생성기만의 특별한 차별점

꽃잎 수 세기: 빠른 가이드

짧은 역사에 관하여

출력 결과물의 실제 활용 사례

아름다운 디자인을 위한 팁

자주 묻는 질문 (FAQ)

일반적인 도구:

주요 도구:

우리에게 호의를 베풀고 3개의 간단한 질문에 답하세요.