Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kfahn22/kaleidoscope

Generative fractals created with a shader
https://github.com/kfahn22/kaleidoscope

Last synced: 21 days ago
JSON representation

Generative fractals created with a shader

Awesome Lists containing this project

README

        

# Generative Kaleidoscope in p5.js with LYGIA

## The inspiration for the code is this [sketch](https://www.shadertoy.com/view/ctByWz). The kaleidoscope function has options for speed of animation, level of zoom, and number of iterations, and two parameters that provide additional control. The first row shows the "kaleidoscope" look--use m = 1.75, n = 1.15. These images remind me of what you might see looking through a traditional kaleidoscope. The second row shows a "tie-dye" look--use m = 1.5, n = 1.3. In the fourth image I am using the color as a texture for the supershapeSDF, which can be found on LYGIA.

## Notes about usage

- Using greater numbers for zoom and iterations lead to more detailed colors.
- You can call the function twice with two different sets of parameters and colors to create a more complex color.
- Darker colors are better when layering.

## I am using [LYGIA](https://github.com/patriciogonzalezvivo/lygia)'s built-in color functions add color.



Kaleidoscope
Two Color Kaleidoscope
p5 sketch

Kaleidoscope
Four Color Kaleidescope
p5 sketch



Tie Dye
Two Color Tie Dye
p5 sketch

Kaleidoscope as texture
Four Colors Filling Shape
p5 sketch