Convolution Animation

This project visualizes the process of convolution, commonly used in image processing and neural networks, through an interactive animation built with p5.js.

Features

• Interactive convolution animation
• Adjustable parameters (kernel, stride, etc.)
• Visualizes how convolution works on an input image
• Built with p5.js for easy customization and extension

Demo

Open index.html in your browser to view and interact with the animation.

Project Structure

convolution_animation/
├── index.html         # Main HTML file
├── sketch.js          # p5.js sketch with animation logic
├── style.css          # Custom styles
├── jsconfig.json      # JS config for editor support
├── assets/
│   └── input.png      # Example input image
├── libraries/
│   ├── p5.min.js      # p5.js library
│   └── p5.sound.min.js# p5.js sound library (if needed)
└── README.md          # Project documentation

Getting Started

1. Clone or download this repository.
2. Open index.html in your web browser.
3. Interact with the animation and explore convolution!

Dependencies

• p5.js (included in libraries/)

Customization

• Replace assets/input.png with your own image to see how convolution works on different inputs.
• Modify sketch.js to experiment with different kernels or animation styles.

License

MIT License