Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/michurin/fast-online-mandelbrot-set-explorer
Fast WebGL online Mandelbrot/Julia sets explorer
https://github.com/michurin/fast-online-mandelbrot-set-explorer
fractals javascript julia mandelbrot online webgl
Last synced: 6 days ago
JSON representation
Fast WebGL online Mandelbrot/Julia sets explorer
- Host: GitHub
- URL: https://github.com/michurin/fast-online-mandelbrot-set-explorer
- Owner: michurin
- License: mit
- Created: 2020-05-17T07:58:15.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-08T00:18:45.000Z (almost 2 years ago)
- Last Synced: 2023-08-14T09:45:32.014Z (over 1 year ago)
- Topics: fractals, javascript, julia, mandelbrot, online, webgl
- Language: JavaScript
- Homepage: https://michurin.github.io/fast-online-mandelbrot-set-explorer/
- Size: 2.64 MB
- Stars: 6
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Fast online Mandelbrot set explorer [![test](https://github.com/michurin/fast-online-mandelbrot-set-explorer/actions/workflows/ci.yml/badge.svg)](https://github.com/michurin/fast-online-mandelbrot-set-explorer/actions/workflows/ci.yml)
[https://michurin.github.io/fast-online-mandelbrot-set-explorer/](https://michurin.github.io/fast-online-mandelbrot-set-explorer/)
## Status
Just for fun project. It's not totally finished.
## Limitations
This solution is based on WebGL. So, it doesn't work in old browsers and hardware.
## Motivation
There are a lot of Mandelbrot exploring projects, that are focused on
palette selection and beautiful result.
The goal of the project, in contrast, is to create online
fast Mandelbrot and Julia sets viewer that will provide
*full information* about image.It helps you to find beautiful place and then you could use
offline tools to create high resolution and custom colored image.## Tips and tricks
If you wish to render high resolution you are free to tweak
canvas size using your browser's developer tools.Say something like this on browser debug console:
```javascript
a = b = 1000; // use a!=b on retina
$($('canvas').get(1)).attr({width: a, height: a, style: `width: ${b}px; height: ${b}px;`});
```## Resources
- [Explanation of the Mandelbrot Set (video)](https://youtu.be/9gk_8mQuerg)
- [Best Mandelbrot](https://www.math.univ-toulouse.fr/~cheritat/wiki-draw/index.php/Mandelbrot_set)
- [Amazing fractals navigator with ability to view WebGL code](https://hirnsohle.de/test/fractalLab/) (UI is not very friendly, however you won't be disappointed if you spend ten minutes to learn it)
- [Ideas for UI](https://www.shadertoy.com/view/3dfBDN)
- [UI (paletter editor)](http://math.hws.edu/eck/js/mandelbrot/MB.html)
- [Optimisation hints](https://www.math.univ-toulouse.fr/~cheritat/wiki-draw/index.php/Mandelbrot_set)
- [Clear and straightforward code (pure C)](https://github.com/josch/mandelbrot)