Skip to content
data bending & glitch tools
Branch: master
Clone or download
Latest commit fe35f12 Apr 8, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
deprecated-bash misc updates Apr 8, 2019
dynamic-png-codec misc updates Apr 8, 2019
examples update readme Apr 8, 2019
gif-js update Apr 8, 2019
page update readme Apr 8, 2019
static-jpeg misc updates Apr 8, 2019
LICENSE
README.md update readme 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.