Burning/Dissolving image transition effect

Опубликовано: 07 Июль 2026
на канале: Volfegan
100
5

The algorithm reads a flow map that is a generated 2D-brightness index and draws the image from the lowest brightness up to what is the current level of the flowValue brightness. Both images and flow map must have the same size (width x height). I created two functions to construct the flow map, one builds from 2D Perlin noise (classic effect) and it is the first one in the video, and a second function builds from the brightness index of the image itself. The effect is remarkably different using Perlin Noise or image brightness itself as the basis of the flow map.

You can certainly use a flow map built from another image to display a second image to get different results. I remember seeing this effect in the 90s somewhere.

Source code (Processing v3.5): https://gist.github.com/volfegan/62d6...