Your effect, live

Every change on the right rebuilds the effect instantly. Move your cursor over the stage to scan, hold to decrypt. Load your own images, then export a drop-in snippet or a single self-contained HTML file.

Images

Generate these with the asset guide. Only base and broadcast are required — add frames & a depth map for the full effect. Files stay in your browser; nothing is uploaded.

Lens
Behaviours
Colour
HUD text
Export 

          

            
            
          

          

        

      

    


    

      Implement in your project
      

        
Three ways to ship, easiest first:

        
    
          
  1. Standalone file — hit ⤓ Standalone .html above. One file, open it anywhere.
    2. 
          
  2. Drop-in — copy the Snippet into your page and put these files next to it:
    3. 
        

        

          
dist/decrypt-reveal.jsthe library · from this repo's dist/

          
dist/decrypt-reveal.cssthe styles · from dist/

          
your base imagelayer 1 — any AI image generator

          
your broadcast imagelayer 2 — image-to-image from layer 1 · guide

          
frames + depth mapoptional — see the asset guide

        

        
    
          
  1. Let an AI wire it up — put your images + both dist/ files in one folder, open your coding agent in that folder, and paste this prompt:
    2. 
        

        

        

          
        

        
The prompt lists the files it expects in the folder and reflects your current settings, so the agent wires the effect exactly as you tuned it here.

      

    

  





Copied