p5.js 연습 006. 프랙탈 스파이로그래프(fractal spirograph)

이번에는 $n$개의 원에 의해서 그려지는 프랙탈 스파이로그래프(fractal spirograph)를 코딩해 보았다. 이 그림에 대한 아이디어는 아래 두 곳에서 얻었다.

https://youtu.be/0dwJ-bkJwDI

http://benice-equation.blogspot.ca/2012/01/fractal-spirograph.html

주어진 정수 $k$에 대하여, $n$번째 원이 회전하는 속도는 $k^n$에 비례한다. 따라서 $k$ 값이 양수일때는 모든 원들이 같은 방향으로 회전하고, $k$ 값이 음수일 때는 각각의 원들이 주변 인접원들과 서로 반대방향으로 회전함을 확인할 수 있다. 또한 원의 수 $n$이 증가함에 따라서 점점 프랙탈 형상이 생기는 모습 또한 관찰할 수 있다.

아래 슬라이더를 움직여서 $k$의 값과 $n$의 값을 조절할 수 있다. 슬라이더를 조정한 후에는 반드리 Refresh 버튼을 눌러야 변경 사항이 적용이 된다.

p5.js 코드 보기