diff --git a/.gitignore b/.gitignore index fbe4e3ce4..7acee1699 100644 --- a/.gitignore +++ b/.gitignore @@ -146,6 +146,7 @@ spine-ts/spine-webgl/dist spine-ts/spine-player/dist spine-ts/spine-threejs/dist spine-ts/spine-pixi/dist +spine-ts/spine-pixi-v8/dist spine-libgdx/gradle spine-libgdx/gradlew spine-libgdx/gradlew.bat diff --git a/spine-ts/README.md b/spine-ts/README.md index a87626aa4..1ffccd63d 100644 --- a/spine-ts/README.md +++ b/spine-ts/README.md @@ -10,7 +10,8 @@ up into multiple modules: 1. `spine-threejs/`, a self-contained [THREE.JS](https://threejs.org/) backend, built on the core classes. 1. `spine-player/`, a self-contained player to easily display Spine animations on your website, built on the core classes and WebGL backend. 1. `spine-phaser/`, a [Phaser](https://phaser.io/) backend, built on the core classes. -1. `spine-pixi/`, a [PixiJS](https://pixijs.com/) backend, built on the core classes. +1. `spine-pixi/`, a [PixiJS v7](https://pixijs.com/) backend, built on the core classes. +1. `spine-pixi-v8/`, a [PixiJS v8](https://pixijs.com/) backend, built on the core classes. In most cases, the `spine-player` module is best suited for your needs. Please refer to the [Spine Web Player documentation](https://esotericsoftware.com/spine-player) for more information. @@ -18,7 +19,7 @@ For documentation of the core API in `spine-core`, please refer to our [Spine Ru For documentation of `spine-phaser`, please refer to our [spine-phaser Guide](https://esotericsoftware.com/spine-phaser). -For documentation of `spine-pixi`, please refer to our [spine-pixi Guide](https://esotericsoftware.com/spine-pixi). +For documentation of `spine-pixi` and `spine-pixi`, please refer to our [spine-pixi Guide](https://esotericsoftware.com/spine-pixi). For documentation of `spine-canvaskit`, please refer to our [spine-canvaskit Guide](https://esotericsoftware.com/spine-canvaskit). @@ -79,6 +80,9 @@ You can include a module in your project via a ` + +// spine-pixi-v8 + ``` We also provide `js.map` source maps. They will be automatically fetched from unpkg when debugging code of a spine-module in Chrome, Firefox, or Safari, mapping the JavaScript code back to its original TypeScript sources. @@ -98,6 +102,7 @@ npm install @esotericsoftware/spine-player npm install @esotericsoftware/spine-threejs npm install @esotericsoftware/spine-phaser npm install @esotericsoftware/spine-pixi +npm install @esotericsoftware/spine-pixi-v8 ``` spine-ts modules are provided in the [ECMAScript format](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules), which can be consumed natively by all modern browsers, or bundled by tools like [webpack](https://webpack.js.org/), [Babel](https://babeljs.io/), [Parcel](https://parceljs.org/), or [esbuild](https://esbuild.github.io/). You can import functions and classes from a spine-ts module in your JavaScript or TypeScript code using the `import` syntax to get access to all exported constants, functions, and classes of a module: diff --git a/spine-ts/build.sh b/spine-ts/build.sh index f0fae5b50..4ebdb1eec 100755 --- a/spine-ts/build.sh +++ b/spine-ts/build.sh @@ -21,6 +21,7 @@ then spine-player/dist/iife/* \ spine-threejs/dist/iife/* \ spine-pixi/dist/iife/* \ + spine-pixi-v8/dist/iife/* \ spine-phaser/dist/iife/* \ spine-player/css/spine-player.css curl -f -F "file=@spine-ts.zip" "$TS_UPDATE_URL$BRANCH" diff --git a/spine-ts/index.html b/spine-ts/index.html index f5daeba5d..41dda9140 100644 --- a/spine-ts/index.html +++ b/spine-ts/index.html @@ -54,6 +54,31 @@

spine-ts Examples

  • Physics IV
  • Slot Objects
    • +
  • Pixi V8
    • +
  • Phaser