🎨 ASCII Art Generator

Real-time image-to-ASCII conversion with webcam support, batch processing, and multiple character sets.

Features

• Real-time Conversion - Instant image-to-ASCII processing
• Webcam Support - Live video ASCII conversion
• Multiple Character Sets - Simple, detailed, block, and custom sets
• Batch Processing - Convert multiple images at once
• Advanced Options - Width, height, contrast, brightness controls
• Export Functionality - Save ASCII art as text files
• Dithering Effects - Floyd-Steinberg dithering support

Installation

import { 
  AsciiArtGenerator, 
  useAsciiArt,
  useWebcamAsciiArt,
  useBatchAsciiArt
} from 'react-ascii-ui';

Usage

Basic Component

function MyApp() {
  return (
    <AsciiArtGenerator 
      options={{ 
        width: 80, 
        height: 40, 
        style: 'detailed',
        contrast: 1.2,
        brightness: 0.8
      }}
      showControls={true}
      showWebcam={true}
      onGenerate={(result) => console.log(result)}
    />
  );
}

Using Hooks

function CustomConverter() {
  const { convertImage, isProcessing } = useAsciiArt();
  
  const handleFileUpload = async (file) => {
    const result = await convertImage(file, {
      width: 100,
      height: 50,
      style: 'block'
    });
    console.log(result.ascii);
  };
  
  return (
    <div>
      <input type="file" onChange={handleFileUpload} />
      {isProcessing && <p>Converting...</p>}
    </div>
  );
}

Character Sets

Props