Bokeh Rain

Imagine the pitter patter of raindrops on a window. Remember those relaxing evenings looking out into the world during a storm while comforted in your home. This generative art project seeks to recreate those feelings and ignite those memories. Your monitor is a digital windowpane into another world upon which raindrops fall throughout a nebulous environment. Each droplet distorts the world beyond, creating a mesmerizing interplay of light and shadow. Zoom in and experience the individuality of each drop in how it reflects the background from its unique position on the screen. The background itself exhibits a dreamy bokeh effect composed of colors from ten curated color palettes, where orbs of color float and shimmer, evoking images of city lights, starry nights, and floating fireflies. Raindrop sizes and quantities represent varying precipitation levels, from drizzle, to rain, to deluge. Gradient backgrounds are possible, as well as potential motion effects and the rare opportunity for a complete color inversion.

The raindrops reflect the world beyond, but the content of that world is what you imagine it to be.

A few notes about the functionality of this project:

- This artwork was developed using the p5.js library.

- The artwork is scalable across many different sizes of canvas. In addition to scaling upon window resize, different scales can be applied through keystroke inputs:

- 0: scales the artwork to the window size.

- 1: scales the artwork to a width of 1000 pixels.

- 2: scales the artwork to a width of 2000 pixels.

- 3: scales the artwork to a width of 3000 pixels.

- 4: scales the artwork to a width of 4000 pixels.

- 5: scales the artwork to a width of 5000 pixels.

- Please keep in mind that this code is somewhat processor-intensive, so larger scales will take longer to load. Believe me, the wait is worth it.

- In addition to keystrokes that scale the artwork, pressing the "s" key will save the artwork locally.

To generate a Bokeh Rain picture, click here.

When the new tab opens, a new simple orbit picture will be displayed. If you want to generate another one, just refresh the page. Generate and save as many as you’d like.

For those who want to “officially own” one of these on the block chain, you can mint one on fx(hash) here.