Skip to content

zarif98sjs/Fourier-Art

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Fourier-Art

Discrete Fourier Transform to draw any shape

Output

Video

alt text

Code

  • Node.js
    • Download and install
    • Write node in cmd to initiazie and chek if you vae properly installed Node.js
  • p5 Manager
    • Although this tool is not mandatory , it helps to create projects and libraries are included in the project when it is created
    • After installing Node.js write npm install p5-manager -g in cmd to install p5 manager
    • Go the desired directory using cd and write p5 generate -b Fourier_Art
    • It will crate a p5 javascript project named "Fourier_Art" with all the necessary files
  • Visual Studio Code
    • Download and install
  • Live Server
    • Install this extension in VSCOde to create a server

Note : You can use other editors like Atom or Sublime . VSCode is just my preffered choice

How to use

  • Draw your artwork in Illustrator and export as svg format . Here's what I drew on illustrator :
    (You can find the illustrator file in the Art Ultima folder named Art Ultima.ai )

alt text

  • Now convert it to x,y co-ordinates using Coordinator
  • Copy with proper format in the Art.js . And you are good to go .

Enjoy the Fourier Transform

Resources

Releases

No releases published

Packages

No packages published