Table of Contents
The project is build with pixi.js and pixi-spine and serves as a viewer and debugger for spine exports. In order to used you'll need spine export files (.atlas file, .json file, .png file).
The main features are:
- Play animations present on the spine export
- Changed skins attached to the spine export
- Debug all elements of you spine
- Create a timeline with multiple animations
- Change the background
Keep in mind that it might not work with all versions of exports!
You will need nodejs and npm installed in order to run this project
- Clone the repo
git clone https://github.com/TudorFlorea/spine-viewer.git
- Install NPM packages
cd spine-viewer && npm install
- Run
npm run dev
- Visit http://localhost:5173/
If you want to load a spine from a link use the http://localhost:5173?loadUrl=LINK_TO_JSON_FILE link.
- Better handling of window events and check for memory leaks
- Turn the app into a pwa
- Add support for loading a spine from a link
- Better code splitting for faster load times
- Add multiple demo spines
- Add support for mixins
- Add support for viewing the list of bones / slots
See the open issues for a full list of proposed features (and known issues).
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt
for more information.