0

Related : Animating canvas to look like tv noise

I want to have a small portion of a web page look like it has "TV noise" (if you can think of a better English phrase, please update), and am looking for a gratis script.

The more customization, the better.

enter image description here

Improve this question
4
  • 1
    Maybe some of the whitenoise generation libraries? github.com/josephg/noisejs
    – Gordon
    Commented Oct 10, 2021 at 4:06
  • 1
    Upvote, but note "if you try and update an entire screen's worth of pixels, it'll be slow". I will use if only for a portion of the screen, so it might be usable. Worst case, I will code my own. But, why reinvent the wheel if a good library already exists?
    – Mawg
    Commented Oct 10, 2021 at 7:46
  • 1
    As an aside - have you considered what proportion of people alive now wouldn't know what that actually was? ;))
    – Tetsujin
    Commented Oct 10, 2021 at 16:44
  • 1
    Has Hollywood? Has TV? Just to test some CSS & Angular skills (including unit test), I want to code one of those "walls of information" that you often see in TV & Movies. A few faces, some number & text scrolling past, maps, satellite views, etc (any suggestions). It seems that there is almost always one display which is "on the blink", so I thought to add one too :-)
    – Mawg
    Commented Oct 11, 2021 at 5:34

2 Answers 2

Reset to default
1

The following looks very realistic for a "no signal" situation https://www.geeksforgeeks.org/how-to-create-background-like-tv-noise-in-a-canvas/

enter image description here

Showing my age, this also used to be called "snow".

For bad signal, this is possibly better https://codepen.io/ashandrien/pen/nVjPgj

enter image description here

Improve this answer
3
  • 1
    "Showing my age, this also used to be called "snow"". When it happened, did you climb onto the roof to adjust the antenna/aerial?
    – Mawg
    Commented May 28, 2022 at 17:22
  • 1
    that... and slapping the side or top of the TV to bring it back to its senses.
    – Pay it forward
    Commented May 29, 2022 at 16:22
  • And trying to understand horizontal & vertical hold. And the "remote control" was the youngest kid in the room, who was ordered to change the channel :-) Ah, happy days!
    – Mawg
    Commented May 30, 2022 at 6:49
0

This looks promising

enter image description here

I am less keen on this

enter image description here

I will also look into this and this and continue to search and will finally post an answer. Although, hopefully someone will bet me to it :-)

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.