Interactive Canvas Image Rain Effect

Table of Contents

• Interactive Canvas Image Rain Effect
  • Table of Contents
  • 1. Description
  • 2. Demo
  • 3. Technologies Used
  • 4. Features
  • 5. Usage
  • 7. Credits
  • 8. License

1. Description

Interactive Canvas Image pixel manipulation is a mini project that allows users to upload an image and have a nice mouse raidius effect on it. The project leverages HTML5 canvas and JavaScript techniques to create a unique and interactive experience for users.

2. Demo

You can see a live demo of the project at: this GitHub page

3. Technologies Used

• HTML
• SASS
• TypeScript

4. Features

• Upload and display an image on an HTML5 canvas.
• Create a pixel rain effect on the uploaded image.
• Customize the pixel size, color, and rain speed of the effect.

5. Usage

To use the Interactive Canvas Image Rain Effect, follow these steps:

1. Clone the repository or download the source code.
2. Open the index.html file in a web browser.
3. Click the "Upload Image" button to select an image from your computer.
4. Customize the settings for the pixel rain effect.
5. Click the "Start Rain" button to apply the effect to the uploaded image.

7. Credits

This project was created by Younes Lahouiti.

8. License

This project is licensed under the MIT License.