Frac

I wanted to render the Mandelbrot on the GPU in the browser.

🔴 Live demo: https://frac.vercel.app/

Click on "Tutorial" at the bottom left to show the controls (or press "t").

• Normal: Normal coloring.
• Smooth: Makes color changes based on iterations smoother using logarithm.
• Night: Colors only borders using Anti-Aliasing.

• Normal: Normal mandelbrot.
• Spikes: Makes mandelbrot look spiky [Using a modified mandelbrot identifier condition Re(z)<2 || Im(z)<2 instead of sqrt(z)<2.
• Sponge: Makes the mandelbrot look like a sponge. [This was created while trying to make the 3-head mode]
• 3-head: A mandelbrot with 3 heads [Using a modified mandelbrot formula z^4 + c instead of z^2 + c]

• Music: The bass of the ambient music depends on the scroll velocity. When scrolling, lower frequencies become louder resulting in a scrolling sound effect.
• Julia Fractals: There is a small preview window at the bottom right which shows the julia set of the current mouse coordinate.
• Export: Use right-click to export/download the current shown fraktal. (Also works with julia set when it is in full mode)

1. Run npm install
2. Run npm run dev