HNNewShowAskJobs
Built with Tanstack Start
Show HN: The text disappears when you screenshot it(unscreenshottable.vercel.app)
210 points by zikero 7 hours ago | 78 comments
  • axiolite3 hours ago

    You can take TWO screenshots, moments apart, open in GIMP, paste one over the other and choose any one of these laying modes:

    Lighten, Screen, Addition, Darken, Multiply, Linear burn, Hard Mix, Difference, Exclusion, Subtract, Grain Extract, Grain Merge, or Luminance.

    https://ibb.co/DDQBJDKR

    • cloudbonsaian hour ago |parent

      > You can take TWO screenshots, moments apart, open in GIMP, paste one over the other and choose any one of these laying modes:

      You actually don't need any image editing skill. Here is a browser-only solution:

      1. Take two screenshots.

      2. Open these screenshots in two separate tabs on your browser.

      3. Switch between tabs very, very quickly (use CTRL-Tab)

      Source: tested on Firefox

    • sunrunner42 minutes ago |parent

      Neat idea.

      A friend of mine made a similar animated GIF type captcha a few years ago but based on multiple scrolling horizontal bars that would each reveal their portion of the underlying image including letters, and made a (friendly) bet that it should be pretty hard to solve.

      Grabbing the entire set of frames and greyscaling them, doing an average over all of them and then applying a few minor fixups like thresholding and contrast adjustment worked easily enough as the letters were reveleaed in more frames than not (I don't think that would affect the difficulty much though if it were any diffierent). After that the rest of the image was pretty amenable to character recognition.

    • amelius29 minutes ago |parent

      Yeah if this became popular, we'd have another Show HN for a tool that automated that.

    • LadyCailin3 hours ago |parent

      Or just copy the text from the url. Not very secure, really. :D

      • mike_hearn2 hours ago |parent

        Or just ... record a video of the screen.

  • Aeolun16 minutes ago

    This should have an epilepsy warning. Or something of that kind. It certainly made me feel sick.

    • dorianmonnier13 minutes ago |parent

      Oh yes please add a warning. My brain is burning right now!

  • xnx6 hours ago

    This game disappears if you pause it: https://youtube.com/watch?v=Bg3RAI8uyVw

    • sunrunner27 minutes ago |parent

      This is great. The sphere example looks especially pleasing. It also reminds me of the game The Voidness.

    • vunderba5 hours ago |parent

      This is great - seems to be the same effect of hiding a shape using an animated noise pattern on a background of static noise.

      They even provide the source code for the effect:

      https://github.com/brantagames/noise-shader

    • nomilk2 hours ago |parent

      First time seeing this, makes me smile involuntarily.

  • catlifeonmars4 hours ago

    https://gist.github.com/jncornett/d7cb397ce3ceff268a0ee1b86f...

    On iPhone: screenrecord. Take screenshots every couple seconds. Overlay images with 50% transparency (I use Procreate Pocket for this part)

  • oniony21 minutes ago

    I don't see any text: just a scrolling down screen of random black/white pixels.

  • Syntonicles5 hours ago

    I first saw this effect in a video from Branta Games.

    https://www.youtube.com/watch?v=Bg3RAI8uyVw

    The effect is disrupted by introducing rendering artifacts, by watching the video in 144p or in this case by zooming out.

    I'd love to know the name of this effect, so I can read more about the fMRI studies that make use of it.

    What I've found so far:

    Random Dot Kinematogram

    Perceptual Organization from Motion (video of Flounder camouflage)

    https://www.youtube.com/watch?v=2VO10eDIyiE

  • giamma34 minutes ago

    It's a nice effect, but I don't think it's usable in practice, because it's not accessible for visually impaired users: not enough contrast between foreground text and background

  • kemayo6 hours ago

    This makes me feel motion-sick, which is kind of impressive because I'm normally not easily susceptible to that.

    • dylan6046 hours ago |parent

      My eyes went straight into seeing 3D image mode. It's the easiest one I've seen yet! /s

      • RedShift14 hours ago |parent

        Heh my eyes felt like they started bleeding

        • quietfox2 hours ago |parent

          "The text disappears..." And my eyesight with it

  • shannifin5 hours ago

    Others have mentioned Branta Games, but I first saw the effect here: https://youtu.be/TdTMeNXCnTs

    • zem37 minutes ago |parent

      thanks, that's also the best explained one!

  • amelius25 minutes ago

    Yeah but the randomness may produce all kinds of NSFW stuff ...

  • winkan hour ago

    Doesn't even show anything on LibreWolf, probably disabled WebGL as usual. I thought it was a nice error screen, but apparently it was intended, just without the text :P

    • creatonez29 minutes ago |parent

      Seems to work if you disable canvas fingerprinting protection.

  • buibuibui39 minutes ago

    This could be used for Captcha systems. Would current bots be able to decipher these?

  • dylan6046 hours ago

    Has anyone tried a long exposure to see if the motion smears into something discernible? Obviously harder to expose a bright screen without some ND since the shutter speed is the phone's main exposure control

    • sprobertson4 hours ago |parent

      Here's the screen recording version of a long exposure (thanks for the nerd snipe) - https://gist.github.com/spro/7599415b0e47de65311557b3454771a...

      • shawnz3 hours ago |parent

        Perhaps this technique could be defeated by scrolling the background in the opposite direction as the text

    • lodovic4 hours ago |parent

      If you zoom out to 25 % the text is clearly visible and screenshottable.

      • EvgeniyZh2 hours ago |parent

        Probably the lower frequencies of noise are not matched? Not sure if the frequencies of the order of movement frequency can actually be matched

    • dasil0035 hours ago |parent

      How do you take a “long exposure” screenshot? Isn’t every screenshot a perfect digital copy of a single frame or a full on video?

      • dylan6045 hours ago |parent

        Clearly, I meant using a camera, and I'm guessing you knew that too

        • dice4 hours ago |parent

          Not the parent but that was not at all clear to me. I immediately thought of taking multiple successive instantaneous screenshots and then stacking them. I'm not sure I would have thought of using a camera within a few minutes to an hour, it's not a tool I would ever reach for normally.

          • catlifeonmars4 hours ago |parent

            I just did this with 50% transparency. It works

          • viccis3 hours ago |parent

            Also not the parent but how the hell did you not understand what "long exposure" means ffs

            • rkomorn3 hours ago |parent

              Because the context is about screenshots and context matters

              "ffs".

  • vivegi4 hours ago

    Cool. I used the Windows snipping tool and just screen-recorded it.

  • QuiCasseRien2 hours ago

    Even is some have found a workaround, this is a cool feature

  • zikero6 hours ago

    Another idea I had with this concept is to make an LLM-proof captcha. Maybe humans can detect the characters in the 'motion' itself, which could be unique to us?

    - The captcha would be generated like this on a headless browser, and recorded as a video, which is then served to the user.

    - We can make the background also move in random directions, to prevent just detecting which pixels are changing and drawing an outline.

    - I tried also having the text itself move (bounce like the DVD logo). Somehow makes it even more readable.

    I definitely know nothing about how LLMs interpret video, or optics, so please let me know if this is dumb.

    • squigz5 hours ago |parent

      As if captchas aren't painful enough for visually impaired users...

  • alanfalcon4 hours ago

    Not technically a screenshot, I guess, but trivially easy to do with software I had lying around all the same. https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExYXloZ3Z0NT...

  • Izkata6 hours ago

    Firefox on Android seems to just be a static image, I can't see any text.

    • creatonez30 minutes ago |parent

      Probably the result of canvas fingerprinting protection configured in your `about:config`? With a default profile it seems to work fine on Firefox for Android.

    • stevage5 hours ago |parent

      Wfm

  • dgan3 hours ago

    What i am supposed to see here? Its just static noisy background

    • j1436go2 hours ago |parent

      Had the same in LibreWolf under Manjaro Linux. Worked in Chrome.

    • giveita3 hours ago |parent

      Animation, but only inside a border that is the letters of Hello.

  • magiosan hour ago

    firefox on linux with a bunch of css stuff set to defaults or none !important shows a static image

  • elAhmo2 hours ago

    If you blink really fast, the text almost disappears.

  • bix67 hours ago

    Ha cool! How’s it work?

    • tgv13 minutes ago |parent

      It's not a great visual, but like this: https://michaelbach.de/ot/cog-Dalmatian/

    • Lalabadie6 hours ago |parent

      The only way to see the text is in the movement. The pattern across any single frame is entirely random noise.

      • thaumasiotes3 hours ago |parent

        > The pattern across any single frame is entirely random noise.

        This is untrue in at least one sense. The patterning within the animated letters cycles. It is generated either by evaluating a periodic function or by reading from a file using a periodic offset.

        • giveita2 hours ago |parent

          Can't it be continuous random noise added at the top and then moved down each frame.

          Roughly you create another full size rect. On each frame add a random pixel on row 1 and shift everything down.

          Make that rest a layer below the top one which has Hello cut out as transparent.

          In any single frame the result is random noise.

          • thaumasiotes2 hours ago |parent

            You could do that, but that's not what the page is doing.

            You don't even need to maintain the approach of having the pattern within the text move downwards over time. You could redraw it every frame with random data, as if it was television static. It would still be easy to read, as long as the background stayed fixed.

  • viccis3 hours ago

    For what it's worth, there are some websites that embed some crazy shit when you screenshot. On reddit, r/CenturyClub will fill your background with a slightly off-white version of your username so that they can identify leakers, and I'm not certain how exactly they do it.

  • markasoftware6 hours ago

    same thing, but a game: https://brantagames.itch.io/motus

  • alliancedamages6 hours ago

    You can also break it by recording the screen, of course.

  • altcognito6 hours ago

    Fun side effect: staring at the letters for a bit makes the rest of the image move.

  • cryptoz7 hours ago

    Had a lot of fun trying to break this. Turns out you can screenshot real easily by zooming out. Maybe there are other ways but I stopped trying :)

    • vunderba6 hours ago |parent

      yeah - I actually was initially confused since I wasn't having any issues screenshotting it but had forgotten that I have the default site zoom set to ~65%.

    • sans_souse6 hours ago |parent

      Not sure what you mean - I can screenshot it freely that's not the point the point is if you look then at the screenshot you cant discern the text because its a single frame now

      • esafak6 hours ago |parent

        He's right. This is zoomed out: https://imgur.com/a/G7CKZ94

        This is on MacOS 15.6, Chromium (BrowserOS), captured with the OS' native screenshot utility. Since I was asked about the zoom factor, I now tried simply capturing it at 100% and it was still perfectly readable...

        I guess the trick doesn't work on this browser.

        • chii3 hours ago |parent

          This is really interesting - because it means the "randomness" is different between the text and the background, and when you zoom out enough, the eye can distinguish it?

          • vunderba3 hours ago |parent

            hmmm I think it's probably just an aliasing / canvas drawing issue. When I bring a screenshot in heavily zoomed out 33% - the pixels comprising the "HELLO" shape have a significantly higher luminance than the rest of the background.

        • dylan6046 hours ago |parent

          I zoomed out to 90% and could make out something was there but wasn't easy to read. Zooming out further went back to just being noise. I also tried zooming in but with no success. What zoom level did you use and I guess we have to ask the standard what browser/version/OS/etc?? My FFv142 on macOS never took a screen grab like you did

      • dwg6 hours ago |parent

        Zooming out before taking screenshot and the text is no longer obfuscated. I tried and confirmed it works. In fact, the text is perhaps even more readable than the original.

        • anigbrowl6 hours ago |parent

          It depends how fast or slow your GPU is. I tried it and saw the effect you described, but within a second or two it started moving and was obscured again. Obviously you could automate the problem away.

          • dylan6046 hours ago |parent

            Mine freezes the animation on zoom change. Not sure you could automate against that

            • anigbrowl3 hours ago |parent

              What I meant was that even if it only freezes for a second, you could automate the screenshots to be captured during that time instead of trying to beat the clock manually

  • kps5 hours ago

    The text reappears when I screenshot it twice.

  • UltraSane5 hours ago

    Seems trivial to diff multiple screenshots to identify what parts move. Or just use a compression algorithm to do the same.

    • dazzlevolta3 hours ago |parent

      Would 2 screenshots be enough, I wonder?

      • boothby3 hours ago |parent

        Yeah, the letters are big enough, an xor shows the text quite clearly.

  • davidgerard3 hours ago

    Screnshotted fine in Xfce.

  • hbbio3 hours ago

    Coinbase was hacked for $400M when literally someone from outsourced support services was taking screenshots on their phone!

    The culprit had more than 10k photos of all security details for thousands of wealthy customers.

    • gloosx2 hours ago |parent

      If it's even true someone from outsourced support has access to some sensitive security details then using this dumpster is almost like throwing your money out of the window.