GoShip
How It WorksChallengesPricingEmployers
Sign InGet Started
0developers
0companies
0assessments scored
How It Works
|Pricing
|Challenges
|Employers
|Privacy
|Terms
GoShip© 2026
Get updates
Twitter·GitHub
Systems nominal
BUILDJUNIOR

Build an ASCII Art Generator

45 minutes
0 completed
canvasimage-processingascii-artreact

Description

Build an ASCII Art Generator

Build a web tool that converts images to ASCII art with adjustable character density and color support.

Requirements

  • Upload an image or paste an image URL
  • Convert image to ASCII art in real-time
  • Character density slider: from sparse (. :) to dense (@ # $)
  • Width control: number of characters per line
  • Two modes: monochrome (classic ASCII) and colored (ANSI-style with colored characters)
  • Copy to clipboard button
  • Live preview that updates as you adjust settings
  • Invert mode (dark-on-light vs light-on-dark)

    • Technical Notes

    Load image to Canvas, read pixel data, map brightness values to ASCII characters. For colored mode, wrap each character in a span with the pixel's color.

    Bonus Points

  • Webcam live feed to ASCII art in real-time
  • Custom character set input
  • Export as HTML or text file

    • You will be guided through MCP setup before the timer starts