An open API service indexing awesome lists of open source software.

https://github.com/jayrichh/ascii

Real time GIF to ASCII art, with interactive controls and multiple export formats.
https://github.com/jayrichh/ascii

art ascii canvas gif javascript tool

Last synced: about 2 months ago
JSON representation

Real time GIF to ASCII art, with interactive controls and multiple export formats.

Awesome Lists containing this project

README

          

# ASCII Art GIF Converter

Convert GIFs to ASCII art with interactive zoom and export options.

[![Try it out](https://img.shields.io/badge/Try%20it-Online-4299e1?style=for-the-badge&logo=github)](https://asciigif.com/)

![ASCII Art GIF Converter Preview](preview.png)

## What It Does
- Transform animated GIFs into text-based art. Zoom, pan, and export in multiple formats including GIF, ASCII, JSON, and CSV.

## How to Use
Enter a GIF URL, click to zoom, scroll to adjust, drag to pan. Export the result in your preferred format.

## Development Setup

1. Clone the repository:
```bash
git clone https://github.com/yourusername/ascii-gif-converter.git
cd ascii-gif-converter
```

2. Install dependencies:
```bash
npm install
```

3. Configure environment:
- Copy `.env.example` to `.env`
- Update `GIPHY_API_KEY` in `.env` with your API key
- For development, you can use the public beta key: `dc6zaTOxFJmzC`
- For production, get your key from [Giphy Developers](https://developers.giphy.com/)

4. Start development server:
```bash
npm run dev
```

The app will be available at `http://localhost:3000`

## Tech Stack
- Vanilla JavaScript
- p5.js - For canvas rendering
- GSAP - For smooth animations
- gif.js - For GIF processing
- Webpack - For bundling and development


Dashboard Overview
Detailed Analytics
Data Exploration Interface

## Analytics
View usage statistics at [ascii.goatcounter.com](https://ascii.goatcounter.com/)