Work in Progress
Explore the docs »

Demo · Report Bug · Request Feature

Table of Contents

• About the Project
  • Built With
  • Upcoming Features
• Usage
  • Settings
  • Animations
  • State Machine
  • Play
• Contributing
• License
• Contact

About The Project

An interactive website to display and control your spritesheet animations.

Built With

• HTML
• CSS
• Javascript
• JQuery
• Bootstrap

Upcoming Features

• Import and export your projects!
• Delete animations and states.
• New transition options.
  • On animation end.
  • On timer ends.
  • Flip image.
• New animation options.
  • Customize frames' order.

Usage

Settings

Go to the Settings tab to customize the spritesheet.

• Upload your own image.
• Set the frames' size.

Animations

Go to the Animations tab to customize the spritesheet animations.

• Create new animations with the 'New Animation' button (duh!).
• Edit current animations by clicking on them.

State Machine

Go to the State Machine tab to customize the animation's behaviour.

• Change the starting animation with the Configuration button.
• Enter an animation's transition list by clicking on them.
• Add new transitions.
• Edit current transitions.

Play

Go to the Play tab to visualize and control your spritesheet animations!

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Jorge Becerril - @jorgebecerriltw - jorgebecerrilgm@gmail.com

Project Link: https://github.com/jorgebecerrilgi/anima