# VHS/lo-fi Glitch Effect

**URL:** <https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746>\
**Category:** Coding Questions\
**Created:** [July 16, 2019, 10:18am UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746 "2019-07-16T10:18:04Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Armin](https://avatars.discourse-cdn.com/v4/letter/a/b9e5f3/32.png) [@Armin](https://discourse.processing.org/u/Armin)\
**Post date:** [July 16, 2019, 10:18am UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/1 "2019-07-16T10:18:04Z")

</div>

Hi  
How can I get a VHS/lo-fi image effect like this?

 ![46920351_599692347470489_4250129101841909685_n](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/d/d48c87597902c795a8bfab9487a841881aa31191.jpeg)

I’ve googled to find the algorithm and codes to get this effect but i didn’t find anything!

---

<div class="post-metadata">

**Author:** ![tony](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tony/32/949_2.png) [@tony](https://discourse.processing.org/u/tony)\
**Post date:** [July 16, 2019, 10:47pm UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/2 "2019-07-16T22:47:37Z")

</div>

Can you clarify what you’re asking for or provide more examples?

---

<div class="post-metadata">

**Author:** ![morisil](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/morisil/32/6166_2.png) [@morisil](https://discourse.processing.org/u/morisil)\
**Post date:** [July 17, 2019, 7:40am UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/3 "2019-07-17T07:40:09Z")

</div>

If it is supposed to be a real time effect, than I would suggest checking shaders. You can take a look if any of these effects on shadertoy fit your needs:

[https://www.shadertoy.com/results?query=vhs](https://www.shadertoy.com/results?query=vhs)

Porting shaders from shadertoy to Processing is described here:

> **[SableRaf/Shadertoy2Processing](https://github.com/SableRaf/Shadertoy2Processing)**
>
> Get GLSL code from Shadertoy.com to run inside of Processing - SableRaf/Shadertoy2Processing

---

<div class="post-metadata">

**Author:** ![Armin](https://avatars.discourse-cdn.com/v4/letter/a/b9e5f3/32.png) [@Armin](https://discourse.processing.org/u/Armin)\
**Post date:** [July 17, 2019, 4:23pm UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/4 "2019-07-17T16:23:55Z")

</div>

I’m trying to mask a glitch effect on an image like this:

 ![43985713_344420666363601_2708850642615999149_n](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2f0341515dc3cb58631231a7605f2d62f8241bc5.jpeg)

---

<div class="post-metadata">

**Author:** ![Armin](https://avatars.discourse-cdn.com/v4/letter/a/b9e5f3/32.png) [@Armin](https://discourse.processing.org/u/Armin)\
**Post date:** [July 17, 2019, 4:25pm UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/6 "2019-07-17T16:25:53Z")

</div>

or like this:

 ![47691013_2175268306071386_7575429343741906621_n](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/c/c904341690ea25f6ee35cc5641b7bb9358248e1d.jpeg)

---

<div class="post-metadata">

**Author:** ![Armin](https://avatars.discourse-cdn.com/v4/letter/a/b9e5f3/32.png) [@Armin](https://discourse.processing.org/u/Armin)\
**Post date:** [July 17, 2019, 4:28pm UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/7 "2019-07-17T16:28:13Z")

</div>

Thanks I’ll give it a try

---

<div class="post-metadata">

**Author:** ![tony](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tony/32/949_2.png) [@tony](https://discourse.processing.org/u/tony)\
**Post date:** [July 17, 2019, 4:29pm UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/8 "2019-07-17T16:29:08Z")

</div>

These are neato.

Are you more interested in learning how to reproduce these effects, or do you just want to filter some photos?

if it’s more the latter, maybe try [photomosh.com](http://photomosh.com)

---

<div class="post-metadata">

**Author:** ![Armin](https://avatars.discourse-cdn.com/v4/letter/a/b9e5f3/32.png) [@Armin](https://discourse.processing.org/u/Armin)\
**Post date:** [July 17, 2019, 4:31pm UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/9 "2019-07-17T16:31:40Z")

</div>

I’d like to learn the code and modify it.

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [July 18, 2019, 3:55am UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/10 "2019-07-18T03:55:47Z")

</div>

It looks like glitch is a fairly minor part of the effect you want – the main components are a crt raster effect and color shifting associated with early computer graphics to crt – some vhs effects, like horizontal warping, but mostly crt.

Here is an in-depth discussion of all the different potential elements:

> **[Ten years of CRT shaders](https://forums.libretro.com/t/ten-years-of-crt-shaders/22336)**
>
> This weekend is the tenth anniversary of my first public post about a CRT shader I was working on, which to my knowledge was the first CRT shader. I should stress that there were important predecessors, such as the long history of scanline filters...

Possibly also useful: Rgb shifting

And:

[https://luka712.github.io/2018/07/21/CRT-effect-Shadertoy-Unity/](https://luka712.github.io/2018/07/21/CRT-effect-Shadertoy-Unity/)

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [July 18, 2019, 4:29pm UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/11 "2019-07-18T16:29:35Z")

</div>

There are also some classic book covers that remind me of your aesthetic – Gibson’s Neuromancer (and, to a lesser extent, Burning Chrome) used a crt-cgi effect.

 ![207852b2443f51a5b50b3cf0040a8aa0](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/6/64d226a5b64e050f0b5bf65f9cb1176e2f6e9463.jpeg)

---

<div class="post-metadata">

**Author:** ![Armin](https://avatars.discourse-cdn.com/v4/letter/a/b9e5f3/32.png) [@Armin](https://discourse.processing.org/u/Armin)\
**Post date:** [August 6, 2019, 1:41pm UTC](https://discourse.processing.org/t/vhs-lo-fi-glitch-effect/12746/12 "2019-08-06T13:41:37Z")

</div>

Thanks a bunch. I think figuring out the algorithm won’t be easy.