Sprite-Animation

This project demonstrates an interactive character animation using HTML, CSS, and JavaScript. Users can select different animation states from a dropdown menu, and the chosen animation will be displayed on the canvas. The animations are based on a sprite sheet, which includes frames for various actions such as running, jumping, and idle.

Features

• Interactive Interface: Users can switch between different animation states using a dropdown menu.
• Smooth Animations: The animations are rendered smoothly using the HTML5 canvas and JavaScript's requestAnimationFrame method.
• Modular Design: The project is organized into separate HTML, CSS, and JavaScript files for better maintainability.

Technologies Used

• HTML: Structure of the web page.
• CSS: Styling of the canvas and control elements.
• JavaScript: Handling animation logic and user interactions.

Installation

To get started, you'll need to download the Shadow_dog sprite sheet:

• Shadow_dog Sprite Sheet

Once you have downloaded the sprite sheet, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/Sprite-Animation.git
   cd Sprite-Animation