a fistful of silicates, eroding, slipping #21

a fistful of silicates,
  impotent and frail,
    eroding, slipping

  by Chris Eugene Mills
     (cem_futuretense)
     2023

// Interaction // ===============

double click/tap = scale to best fit
scroll/pinch = change scale
swipe down = save a PNG screenshot (2x res)
swipe up = toggle fullscreen

press [ ] = pause
press [f] = fullscreen
press [w] = fill window (wallpaper mode)
press [s] = save a PNG screenshot (2x res)
press [v] = save a WEBM video (10sec)
press [0] = scale to best fit
press [1-6] = change scale
press [shift] = toggle looking around (while zoomed in)

press [t] = see title
press [p] = performance widget
press [e] = low-fps mode

// URL Parameters // ============

[scale] = float, zoom/scale (best fit integer)
[w],[h] = integer, canvas size (800x600)
[flip]  = bool(0|1), match landscape/portrait (1)
[fill]  = bool(0|1), override and fill window (0)
[smart] = float, percent of knowledge base (0.3-0.7)
[safe]  = bool(0|1), low-fps mode (0)

// Guide // =====================

This work fits to your pixels, best it can, not just your frame. I prefer it portrait 4:3, up to you!

To avoid flicker, please set your display scale/DPI and browser zoom to 100%. For persons who are epileptic or flash-sensitive, a low-fps mode is provided.

Note: This is a realtime WebGL animation, and can be GPU-intensive. May not load on older devices. On iOS Safari, some gestures are not compatible, while color resolution may be slightly degraded.

// Credits // ===================

The source imagery is all clipart found in the Internet Archive and a thrift store in Nanaimo, British Columbia.

Cheers to ciphrd, for their article on glsl pixelsorting which inspired this project. It also led me to fxhash.

Made with cables.gl, which will receive 10% of primary proceeds and royalties.

Doctors Without Borders will receive 40% of both via the Giving Block.