This shader code creates a dynamic, dreamy visual distortion effect on an image in a p5.js sketch. It uses a custom vertex and fragment shader. The vertex shader passes texture coordinates to the fragment shader, which does the heavy lifting. Within the fragment shader, it applies a combination of flowing displacement and swirling distortion using fractal Brownian motion (FBM), a technique that layers noise patterns to create smooth, organic motion. The image texture is warped by this animated noise to simulate a kind of fluid, wave-like motion. It then overlays soft glowing "blobs" of color—shifting between sky blue and pink over time—based on additional FBM patterns. These blobs are subtly added to the image, giving it a shimmering, ethereal quality.
Check out the code here:
Concentric Harmony
With the constraint of only using circles, I sought to create a short animation that was not representative, but could still communicate emotion. Thus, I chose music that makes me feel at peace, and decided to focus on circles. To me, circles represent wholeness and harmony.. Oscillation is driven by the sin(time) in order to make the circles grow and shrink, as well as making them move in their radial distance from the center. As a way to acknowledge time passing, I had new circles enter at different time intervals, and they behave in a similar way to the main circles.
Check out the sketch here! https://editor.p5js.org/Kmorrissey1/sketches/Prxx3Z1Hw
p5 gallery of original art featuring documentation that presents "femme-friendly" definitions for technical coding terms and offers a lighthearted explanation of the associated math. This project uses documentation as a means to make code more accessible, especially for individuals facing math anxiety-related challenges.
This project delves into the concept of solarpunk using an art-as-criticism approach. The interactive image catalog captures the unfolding of this idea, accompanied by artist notes, revision plans, and key takeaways.