Textmode Overlay

About

Click the extension, pick a canvas or video, and a live ASCII layer appears directly on top of the original media - aligned, adjustable, and removable at any time.

Built with textmode.js.


─── HOW IT WORKS

  1  Click the [Textmode Overlay] icon in your toolbar
  2  Click "select media" in the overlay panel
  3  Hover any visible canvas or video element
  4  Click the element to create the overlay
  5  Adjust settings, export, or remove it anytime


─── OVERLAY CONTROLS 

  ▸ opacity             blend the overlay with the original
  ▸ font size           control character density (8-64 px)
  ▸ glyph ramp          choose the characters used for shading
  ▸ invert              swap character and cell colors
  ▸ character color     sample from the source or use a fixed color
  ▸ cell color          sample from the source or use a fixed color


─── EXPORT OPTIONS

  ▸ TXT      plain-text character grid
  ▸ SVG      scalable vector snapshot
  ▸ PNG      raster image export
  ▸ JPG      compressed raster export


─── PRIVACY & PERMISSIONS

textmode runs only after you click it. It works on the active tab, keeps all processing local in your browser, and stores settings locally in the browser.

Permissions used:
  ▸ activeTab    operate only on the tab you invoke it on
  ▸ scripting    inject the overlay runtime after your click
  ▸ storage      remember your settings locally


─── IMPORTANT NOTES

Some cross-origin or protected media cannot be sampled due to normal browser security restrictions. The extension will show a clear message when this happens.