GLITCH.ext enables you to glitch the virtual façade of any website! Images, texts, and nearly every HTML element forming the…
GLITCH.ext Extension
GLITCH.ext enables you to glitch the virtual façade of any website! Images, texts, and nearly every HTML element forming the website's structure can be glitched with the click of a mouse. By moving the mouse over a glitched element, you continue to influence it in real-time. In the settings, one can adjust the file format used, having an aesthetic influence on the way things glitch. Optionally you can even download the glitched images by clicking, for introducing back into a website or compiling into animations. This extension builds upon \"p5.glitch\" - a byte-level glitching library for p5.js.
GLITCH.ext accompanies the March 2021 Net Works for the House of Electronic Arts Basel (HeK),
https://www.hek.ch/en/program/events-en/event/hek-net-works-ted-davis-glitchext.html
After installing, be sure to 'pin' GLITCH.ext to your toolbar, so you can easily turn it off and on.
Clicking on the glitched finger icon, enables to you adjust these settings:
- GLITCH off/on, toggles extension
- REFRESH, clears glitches
- FORMAT, set the image type of glitches
- LINKS, turn OFF to glitch EVERYTHING
- SAVE, toggles 2nd mouse click from un-glitch / download
Glitches to page are only temporary.
Simply refresh it to return things to 'normal'.
Read more
GLITCH.ext accompanies the March 2021 Net Works for the House of Electronic Arts Basel (HeK),
https://www.hek.ch/en/program/events-en/event/hek-net-works-ted-davis-glitchext.html
After installing, be sure to 'pin' GLITCH.ext to your toolbar, so you can easily turn it off and on.
Clicking on the glitched finger icon, enables to you adjust these settings:
- GLITCH off/on, toggles extension
- REFRESH, clears glitches
- FORMAT, set the image type of glitches
- LINKS, turn OFF to glitch EVERYTHING
- SAVE, toggles 2nd mouse click from un-glitch / download
Glitches to page are only temporary.
Simply refresh it to return things to 'normal'.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 2,\t"name": "GLITCH.ext",\t"author": "Ted Davis",\t"version": "0.0.0.1",\t"background": { "scripts": ["background.js"], "persistent": false },\t"content_scripts": [\t\t{\t\t\t"matches": [\t\t\t\t"" \t\t\t],\t\t\t"js": ["assets/js/p5.min.js", "assets/js/html2canvas.min.js", "assets/js/p5.glitch.js", "content.js"]\t\t}\t],\t"web_accessible_resources": [\t\t"assets/cursors/glitch_hand_0.png",\t\t"assets/cursors/glitch_hand_1.png",\t\t"assets/cursors/glitch_hand_2.png",\t\t"assets/cursors/glitch_hand_3.png",\t\t"assets/cursors/glitch_hand_4.png",\t\t"assets/cursors/glitch_hand_5.png",\t\t"assets/cursors/glitch_hand_6.png",\t\t"assets/images/glitch_bg_0.gif",\t\t"assets/fonts/robotomono-regular-webfont.woff2",\t\t"assets/fonts/robotomono-regular-webfont.woff",\t\t"assets/fonts/robotomono-light-webfont.woff2",\t\t"assets/fonts/robotomono-light-webfont.woff"\t],\t"icons": {\t\t"16": "assets/icons/glitch_hand_5_16.png",\t\t"32": "assets/icons/glitch_hand_5_32.png",\t\t"48": "assets/icons/glitch_hand_5_48.png",\t\t"128": "assets/icons/glitch_hand_5_128.png"\t},\t"browser_action": {\t\t"default_title": "GLITCH.ext",\t\t"default_popup": "popup.html",\t\t"default_icon": {\t\t\t"16": "assets/icons/glitch_hand_5_16.png",\t\t\t"32": "assets/icons/glitch_hand_5_32.png",\t\t\t"48": "assets/icons/glitch_hand_5_48.png",\t\t\t"128": "assets/icons/glitch_hand_5_128.png"\t\t}\t},\t"permissions": [\t\t"storage"\t]}
Read more