Skip to content

Latest commit

 

History

History
29 lines (17 loc) · 1.33 KB

README.md

File metadata and controls

29 lines (17 loc) · 1.33 KB
Raw

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.