Dissolve
Cool 2D dissolve effect generator (demo)
This module exposes a generator for generating pseudorandom points over a 2D integer grid.
The generated points appear random, but they are actually quite deterministic and, in particular, space-filling in that the samples are guaranteed to visit every point in the domain.
This effect was used in a lot of retro video games to transition the screen between foreground and background images.
Usage
Installation:
npm install dissolve-generator
Example usage:
const dissolve = // generate samples in a grid of width 300, height 400const generator = // generate first sampleconst sample = generatornextconsole // x, y // generate second samplegeneratornextconsole // x, y // ... will generate a sample for each of the 300 * 400 points in the domain
API:
Generator<Tuple<Number x Number y>>
Note that each sample the returned generator yields is a 2-element array (x,y tuple).
Demo
There is a demo which visualizes the algorithm under the demo/
folder.
Citation
This effect was originally created by Mike Morton, appearing in the first volume of the classic Graphics Gems series.
A Digital Dissolve Effect by Mike Morton "Graphics Gems", Academic Press, 1990
License
MIT (c) Travis Fischer 2016