Skip to content

Commit

Permalink
push up exampels
Browse files Browse the repository at this point in the history
  • Loading branch information
GoodBoyDigital committed Jul 3, 2024
1 parent 155c2d5 commit 1e50ac1
Showing 1 changed file with 14 additions and 3 deletions.
17 changes: 14 additions & 3 deletions blog/2024-06-14-pixi-spine.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ hide_table_of_contents: true
keywords: ['PixiJS', 'Spine', 'webGL', 'webGPU', '2D animation', 'JavaScript graphics', 'game development']
---

We have exciting news for all animation enthusiasts and game developers! The Spine team has just smashed it out of the park with the release of Spine 4.2, which includes some truly great new features. The best part for us PixiJS users? We can start leveraging these remarkable features today in both v7 and v8!
We have exciting news for all animation enthusiasts and game developers! The Spine team has just smashed it out of the park with the release of [Spine 4.2](https://en.esotericsoftware.com/blog/Spine-4.2-The-physics-revolution), which includes some truly great new features. The best part for us PixiJS users? We can start leveraging these remarkable features today in both v7 and v8!

<!--truncated-->

Expand All @@ -26,15 +26,22 @@ Here are a few of the exciting new features:

Spine 4.2 revolutionizes animation with built-in physics, allowing bones to move naturally by simulating real-world physics. This means:
- **Automatic Secondary Motion**: Save time and enhance your animations with automated movement for hair, clothing, and more.

<iframe src="https://pixijs.io/spine-v8/examples/physics2.html" width="100%" height="500"></iframe>

- **Dynamic Movement**: Enjoy fluid and realistic physics that respond to character movements and animations.

<iframe src="https://pixijs.io/spine-v8/examples/physics.html" width="100%" height="500"></iframe>

### πŸ“Ž Attachments

You can now attach any PixiJS Container to a slot in your animation with a simple-to-use API.

- `addSlotObject(slotName, object)`
- `removeSlotObject(slotName)`
- `getSlotObject(slotName)`

You can now attach any PixiJS Container to a slot in your animation with a simple-to-use API.
<iframe src="https://pixijs.io/spine-v8/examples/slot-objects.html" width="100%" height="500"></iframe>

### 🏎️ v8 Spine Player Beta

Expand All @@ -43,10 +50,14 @@ We have not forgotten about v8! Just as we engineered v8 with the goal of being
- **50% Faster**: Enjoy significant performance improvements, making it over 50% faster than the previous v7 version.
- **50% Less Memory**: We've optimized memory usage, reducing it by over 50% compared to the current v7 version.

We are proud to say that this is the fastest way to render Spine animations on the web πŸ†. Get ready to create smooth, high-performance animations with ease.
We are proud to say that this is one of if not *the* fastest way to render Spine animations on the web πŸ†. Get ready to create smooth, high-performance animations with ease.

We plan on handing this implementation back over to the Spine team once we have dotted all the i's and crossed the t's. The last missing feature is the dark-tint property, which is not currently taken into account when rendering in v8. Other than that, all other features are present. If you are not using dark-tint, then this version will work great on v8; we are already using it in production for our games!

We included all the examples in the repo for you to play with [here](https://github.com/pixijs/spine-v8/tree/main/examples).

You can also check out the live v8 examples [here](https://pixijs.io/spine-v8/examples/)

## πŸ“² Stay Connected

Follow [Doormat23](https://twitter.com/Doormat23) and [PixiJS](https://twitter.com/PixiJS) on social media for the latest updates. Join our vibrant community on [Discord](https://discord.gg/nrnDP9wtyX) for real-time discussions and support.

0 comments on commit 1e50ac1

Please sign in to comment.