/Frac

A Web Application that renders the Mandelbrot using GPU power with three.js and Angular.

Primary LanguageTypeScript

 
 

🔴 Live Demo

 
 

🕹️ Controls

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

 
 

🤖 Features

Color Modes

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

Modifier Modes

  • 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]

Miscellaneous

  • 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)  
     

👨🏽‍💻 Development

  • Run npm install
  • Run ng serve --open