The Wayback Machine - https://web.archive.org/web/20201201215907/https://github.com/alexadam/glitch-studio
Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Jul 4, 2020
Apr 8, 2019
Jul 4, 2020
Mar 25, 2015
Apr 8, 2019

README.md

glitch-studio

Data bending & glitch tools

alt main.gif

Demo: https://alexadam.github.io/demos/dynamic-glitch/index.html

Dynamic PNG Codec Glitch

Glitch an image by randomly changing a PNG image codec's internal parameters. In these examples you can dynamically change a JavaScript implementation of the PNG decoder (on the left pane) and see the live result (on the right pane). To edit faster, click & hold (or Ctrl + ~) on the underlined items -> it works on Math functions, operators and numbers.

demo: https://alexadam.github.io/demos/dynamic-glitch/dist/dynamic-png/index.html

examples:

https://vimeo.com/160601444

https://vimeo.com/160601817

alt dyn-glitch-ex.png

JPEG -> GIF Glitch

Create a GIF animation by repeating an image + random glitch

Demo: https://alexadam.github.io/demos/dynamic-glitch/dist/jpeg-to-gif/index.html

Example:

alt gif-ex.png

alt glitch-mona.gif

JPEG Glitch

Demo: https://alexadam.github.io/demos/dynamic-glitch/dist/static-jpeg/index.html

alt glitch-mona-jslib.jpg

alt glitch-mona.jpg

Credits

PNG codec: https://github.com/devongovett/png.js/

Editor: https://codemirror.net/

GIF lib: https://github.com/jnordberg/gif.js

Background image: https://www.pexels.com/photo/grayscale-photo-of-road-1038935/

You can’t perform that action at this time.