Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kfahn22/mandelbulb
https://github.com/kfahn22/mandelbulb
Last synced: 21 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/kfahn22/mandelbulb
- Owner: kfahn22
- Created: 2022-03-12T18:58:48.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-09T12:10:12.000Z (about 2 years ago)
- Last Synced: 2023-03-04T04:50:33.127Z (almost 2 years ago)
- Language: GLSL
- Size: 12.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mandelbulb
## This code uses renders the mandelbulb in P5.js using a signed distance function in a shader. The launch point is the Coding Train Mandelbulb challenge by Daniel Shiffman. The frag files also incorporate code written by Inigo Quilez, Martyn Steinrucken, and/or Jamie Wong.
## 1. The Spherical function and mandelbulbSDF track as closely as possible to the code written by Daniel Shiffman.
- [Mandelbulb challenge from theCodingTrain](https://www.youtube.com/watch?v=NJCiUVGiNyA)
- [Exploration of how to port to P5.js from Shadertoy](https://www.youtube.com/watch?v=7ZIfXu_iPv4)
## 2. Inigo Quilez has done pioneering work on shaders and is the co-creator of shadertoy. I have used some of his techniques in the .frag file. His website contains a wealth on information on shaders.
- [Inigo Quilez website](https://iquilezles.org)
## 3. Martijn Steinrucken has some wonderful wonderful shader tutorials on youtube. I have used his ray marching starting point in the one and three color versions. If you want a really good explanation of ray marching, I highly recommend you watch his video on the topic!
- [YouTube: youtube.com/TheArtOfCodeIsCool](https://www.youtube.com/watch?v=PGtv-dBi2wE)
- [Ray marching starting point](https://www.shadertoy.com/view/WtGXDD)
## 4. The lighting and ray marching code in the crystal version of the mandelbulb comes from Jamie Wong.
- [Ray Marching and Signed Distance Functions](http://jamie-wong.com/2016/07/15/ray-marching-signed-distance-functions/)
- [Code](https://www.shadertoy.com/view/lt33z7)
## 5. Mandelbulb with Multiple color options
This p5.js sketch renders the mandelbulb with several different color options. The color is a function of the iterations in the mandelbulbSDF and the parameters in the vec3 that holds the colors. Here are a few of the best color combinations
I have found.
- [Mandelbulb P5.js sketch](https://editor.p5js.org/kfahn/full/xtZ6edhVi)
- [Code](https://editor.p5js.org/kfahn/sketches/xtZ6edhVi)
## 6. Three color Mandelbulb
- [Three Color Mandelbulb P5.js sketch](https://editor.p5js.org/kfahn/full/XF8pZKeRC)
- [Code](https://editor.p5js.org/kfahn/sketches/XF8pZKeRC)
## 7. Single color Mandelbulb
- [One Color Mandelbulb P5.js sketch](https://editor.p5js.org/kfahn/full/2w56dWbzL)
- [Code](https://editor.p5js.org/kfahn/sketches/2w56dWbzL)
## 8. "Crystal" Mandelbulb
- ["Crystal" Mandelbulb P5.js sketch](https://editor.p5js.org/kfahn/full/o5sX5O0cF)
- [Code](https://editor.p5js.org/kfahn/sketches/o5sX5O0cF)
## 9. Future Improvements
* Try to address aliasing.
* Try to implement true edge detection
* Work on generalizing mandelbulb SDF algorithm to other powers (it currently only works for n=8)
* Try to animate "crystal" version