2D Algorithmic Compositions

responsive code (using the nn.min.js library)

• responsively positioned and sized gif
• more modular code with createGif() function (also image rendering / anti-alias control)
• using nn.loadImage and async / await to responsively center the gif at its native resolution.

Evan Roth inspired compositions

• GIF Grid, here's a version with a composition similar to hotairballoon-on-whitesmoke.com
• GIF Grid, this time making use of the location API's URL fragment or "hash" property to "trick" the browser into thinking each of these gifs are different files and thus have them load sporatically (simulating the load times of the original composition from 2013)



• GIF Circles, here's a version with a composition similar to blimp-on-deepskyblue.com, it makes use of the sine and cosine methods of the Math object in JavaScript.
• GIF Circles, this time using a sleep function, a combination of JavaScript's setTimeout function and the Web's Promises API to further imitate slow internet speeds and introduce more staggering
• GIF Cirlces, this time with some interactivity, by changing the GIF's css on 'mouseover' and 'mouseout' events.