This repository contains a simple web page that allows users to display animated characters on a fixed-sized animation container. Users can choose to import pictures either from the internet using image URLs or directly from their local devices by selecting image files. The characters can be moved using the keyboard arrow keys once they are added to the animation container.
-
Clone the repository to your local machine or download the ZIP file.
-
Open the
index.htmlfile in your web browser. -
On the web page, you will see a single option for adding characters:
- Add Character: Click on the "+" button to add a character. A file dialog will open, allowing you to choose an image file from your local device.
-
Select an image file from your computer using the file dialog.
-
The character will be displayed in the animation container. Click on the character to focus it, and you can move the focused character using the keyboard arrow keys.
-
Repeat the process to add more characters to the animation container.
You can also see a live demo of the web page by visiting the following link: Live Demo
This web page is compatible with modern web browsers that support JavaScript and HTML5.
Contributions to this project are welcome. If you find any issues or have suggestions for improvements, feel free to open an issue or create a pull request.