GitHub - CameronFoxly/Ascii-Motion: A modern web application for creating and animating ASCII art
A modern web application for creating and animating ASCII art - CameronFoxly/Ascii-Motion
React Component
Summary
A WebGL-powered React component that renders video as animated ASCII art with support for audio reactivity, mouse effects, ripple animations, and multiple character sets. Installable via npm with extensive prop-based customization.
Highlights
- WebGL-accelerated rendering for smooth ASCII video conversion
- Audio reactivity with adjustable effect strength and range
- Interactive mouse glow and click ripple effects
- Multiple character sets including standard and detailed options
- Blend prop allows mixing ASCII output with original video (0-100)
auto-generated
Context
Audience
Frontend developers interested in creative coding, visual effects, or building interactive web experiences with React
DomainFrontend Web Development
Formatopen source library
Accessopen source, free via npm
Source Overview
video2ascii is a WebGL-powered React component that converts videos to ASCII art.
Install via npm install video2ascii and use by importing Video2Ascii with props like src, numColumns, colored, brightness, audioEffect, and charset options such as standard or detailed. It supports features including mouse effects, audio reactivity, and play controls.
Topics
Related
WebGLReactASCII artVideo processingCanvas APITypeScript
