https://github.com/davidyslu/spineruntime-demo
This repository is going to demo animations via Spine Web Player.
https://github.com/davidyslu/spineruntime-demo
nodejs spine spinewebplayer
Last synced: 5 months ago
JSON representation
This repository is going to demo animations via Spine Web Player.
- Host: GitHub
- URL: https://github.com/davidyslu/spineruntime-demo
- Owner: davidyslu
- License: gpl-3.0
- Created: 2020-03-16T12:15:02.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-12T05:36:14.000Z (almost 3 years ago)
- Last Synced: 2025-05-14T10:33:09.863Z (5 months ago)
- Topics: nodejs, spine, spinewebplayer
- Language: JavaScript
- Homepage: http://zh.esotericsoftware.com/spine-player
- Size: 8.42 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Spine Runtime Demo
This repository is going to demo some animations using [Spine API](http://esotericsoftware.com/spine-api-reference). The simple demo is credited to [Spine](http://zh.esotericsoftware.com).
---
## Description
The Spine Runtime uses [WebGL](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API) for rendering. While WebGL is supported by all recent versions of popular desktop and mobile browsers, there may be compatibility issues with old browsers.
### Exporting files for the Spine Web Player
The Spine Runtime requires the following files for displaying whole animation:
* `*.json` - used to display Spine skeletons
* `*.atlas` and more `*.png` - used to display texture atlas
These files must be uploaded to a web server and accessible via URLs.
* The `*.png` files need to be accessible under the same path as the `*.altas` file.
* If you changed the name of the `*.png` file, you also need to change it in the `*.altas`.
---
## Usage
> **NOTICE**: Make sure you have already installed [Node.js](https://nodejs.org/en/) on your machine
1. Clone this repository to your machine
2. Open this repository and install some necessary modules for Node
```bash
# Make sure your current directory is correct
$ npm install
```
3. Run the demo page via Node server
```bash
# Make your current directory is correct
$ npm start
## If succeed, you will get the following message:
> spine-demo@1.0.0 start D:\SpinePlayer-Demo
> node app.js
Server running at http://127.0.0.1:3000/
```
4. Open your browser with `http://127.0.0.1:3000` and you will get the result as follow
### Spine Assets
The demo assets is in the folder `assets/spine/`, you can also add your own Spine assets.
---
## Contributor
> **NOTICE:** You can follow the contributing process [CONTRIBUTING.md](CONTRIBUTING.md) to join me. I am very welcome any issue!
* [David Lu](https://github.com/yungshenglu)
---
## License
[GNU GENERAL PUBLIC LICENSE Version 3](LICENSE)