The 3D Etch A Sketch (with the Fourier Transform and Epicycles)

This is the code for https://3d-epicycles.ashayp.com/.

I created this website because I wanted to extend the Fourier Epicycle examples that I saw online to 3 Dimensions. Now, you can draw any 3D object using a bunch of rotating circles in a matter of seconds!

Functionality

• Draw a variety of 3D objects, from simple cubes and cones to complex goldfish, ice cream cones, and dragons.
• Move around/zoom in the 3D space using your mouse and keyboard.
• A brief explanation on how the website was created using the Discrete Fourier Transform and Epicycles.

Tools

• three.js - Used for the 3D animations
• MathJax - Used for math formatting in the explanation

Sources

For those curious, these resources are good starting points in understanding the fourier transform and the drawing of epicycles.

myFourierEpicycles : How to do this in 2D + great math explanation.

The Coding Train : Where I got most of my code.

3Blue1Brown : Video on the Fourier Transform and Series.