This repository contains a creative coding project that visualizes fractals and attractors using p5.js. Initially inspired by the Mandelbrot set, the project evolves into an interactive 3D visualization of planetary systems influenced by mathematical attractors like the Lorenz and Rössler attractors.
- Mandelbrot Set Visualization: Explore the Mandelbrot set with zooming capabilities.
- Interactive Planetary Systems: Visualize planetary systems that orbit along mathematical attractors.
- Audio Integration: Orbits react to music, moving in sync with the amplitude or frequency of a playing audio file.
- Multiple Attractors: Switch between different attractors like the Lorenz and Rössler attractors.
- User Interaction: Focus on different systems using radio buttons and control the visualization with mouse interactions.
- Visual Effects: Trails, dynamic colors, and textures enhance the visual experience.
-
Clone the repository:
git clone https://github.com/mcfiet/p5-creative-coding-mandelbrotset.git
-
Navigate to the project directory:
cd p5-creative-coding-mandelbrotset
-
Open the project:
- Open
index.html
in your preferred web browser. - Alternatively, use a local server to run the project for better performance.
- Open
-
Exploring the Mandelbrot Set:
- Use the mouse wheel to zoom in and out.
- Click and drag to navigate through the set.
-
Interacting with Planetary Systems:
- Select different systems using the radio buttons.
- Press the spacebar to play or pause the music associated with each system.
- Observe how the orbits react to the music in real-time.
Detailed documentation of the project is available in the docs
folder in English.
-
Textures:
-
Audio:
-
References:
- Mandelbrot Set:
- Lorenz Attractor:
- Rössler Attractor:
- Tutorials and Lectures:
- Fiete Scheel - GitHub Profile