Skip to content

Latest commit

 

History

History
35 lines (23 loc) · 1.52 KB

README.md

File metadata and controls

35 lines (23 loc) · 1.52 KB

Sprite-Animation

image

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:

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