Spine

Examples and Templates

Templates

The Galacean editor provides a series of tutorial templates to help you quickly get started with using Spine animations. After entering the editor, you can click on the Templates Tab on the left to view these templates.

Animation Control

This template demonstrates how to use the setAnimation and addAnimation APIs of AnimationState to orchestrate Spine animations:

spine-animation

Animation Transition and Blending

This template shows how to set transitions and blend animations between different tracks in Spine:

spine-mix-blend

Mix and Match Outfits

This template demonstrates the capability of Spine to mix and match outfits. By freely combining attachments from different skins, you can mix and match accessories from various skins:

mix-and-match

Dynamic Partial Skin Switching

This template showcases the ability to dynamically switch partial skins. You can create new attachments based on an additionally uploaded atlas and replace them dynamically.

spine-dynamic-change

Examples

Animation Control

This example demonstrates how to orchestrate a Spine animation queue using the setAnimation and addAnimation APIs:

Follow Shooting

This example shows how to achieve an aiming and shooting effect by modifying the IK bone position:

Partial Skin Switching

This example demonstrates how to achieve a partial outfit change by modifying attachments in slots:

Full Skin Switching

This example demonstrates how to achieve full skin switching using the setSkin method:

Skin Mixing

This example demonstrates how to achieve mix-and-match effects at runtime by combining new skins:

Physics

This example showcases the physics-based animation effects in Spine 4.2:

The next chapter: Versions and Performance

Was this page helpful?

On this page