Skip to content

Abinesh-004/Ascii-effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ASCII Art Renderer (p5.js)

A browser-based tool that converts images and videos into real-time ASCII art.
Includes color mode, gamma control, transparent PNG export, and .webm video recording.


Features

  • Upload images or videos
  • Adjustable cell size and gamma
  • Color or monochrome ASCII
  • Invert mapping / invert colors
  • Editable ASCII character ramp
  • PNG export (normal / transparent)
  • Record ASCII output as webm (press R)
  • Draggable, collapsible settings panel

Usage

  1. Download the project files
  2. Place index.html and sketch.js together
  3. Add p5.js to your HTML:
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.js"></script>
    <script src="sketch.js"></script>
  4. Run a local server
  5. Open in browser and upload an image/video

Demonstration

Here is a sample output generated using this renderer:

ASCII EFFECT EXAMPLE


Controls

  • R — Start/Stop recording
  • Panel sliders — Adjust cell size, gamma, colors
  • Buttons — Download PNG or record video

Credits

Created by @Abinesh-004
Inspired by [ssSynthomo]


License

This project is licensed under the MIT License.

About

Ascii effect

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published