2.0.7 • Published 9 months ago

@galacean/effects-plugin-spine v2.0.7

Weekly downloads
-
License
MIT
Repository
-
Last release
9 months ago

Galacean Effects Spine Plugin

Usage

Simple Import

import { Player } from '@galacean/effects';
import '@galacean/effects-plugin-spine';

Get Spine Resource List

import type { SpineDataCache } from '@galacean/effects-plugin-spine';

const comp = await player.play(scene);
const item = comp.getItemByName('itemName');
const spineData: SpineDataCache = item.spineDataCache;

Get Animation List / Skin List

  1. Get using functions
const comp = await new Player().loadScene(scene);
const item = comp.getItemByName('itemName');
const { skeletonData } = item.spineDataCache;
const animationList = getAnimationList(skeletonData);
const skinList = getSkinList(skeletonData);
  1. After starting, you can access it in the spineDataCache.
const comp = await new Player().loadScene(scene);
const item = comp.getItemByName('itemName')
const { skinList, animationList } = item.spineDataCache;

Get Duration of a Specific Animation

const animationDuration = getAnimationDuration(skeletonData, animationName);

Get Texture Creation Options

import { getTextureOptions } from '@galacean/effects-plugin-spine';

const { magFilter, minFilter, wrapS, wrapT, pma } = getTextureOptions(atlasBuffer);

Set Animation Mix Duration

  1. Set default mix duration for an animation (should be called before player.play)
const comp = await new Player().loadScene(scene);
const item = comp.getItemByName(name);

item.setDefaultMixDuration(mix);
  1. Set mix duration for a specific transition (should be called before player.play)
const comp = await new Player().loadScene(scene);
const item = comp.getItemByName(name);

item.setMixDuration(animationOut, animationIn, mix);

Set Playback Speed

const comp = await new Player().loadScene(scene);
const item = comp.getItemByName(name);

item.setSpeed(speed);

Set Animation

  1. Set a single animation
const comp = await new Player().loadScene(scene);
const item = comp.getItemByName(name);

item.setAnimation(animationName, speed);
  1. Set a group of animations
const comp = await new Player().loadScene(scene);
const item = comp.getItemByName(name);
const animationList = [animationName1, animationName2, animationName3];

item.setAnimation(animationList, speed);

Development

Getting Started

# demo
pnpm --filter @galacean/effects-plugin-spine dev

Open in browser: http://localhost:8081/demo/

Frame Comparison Testing

Open in browser: http://localhost:8081/test/

2.1.0-alpha.10

9 months ago

2.0.7

9 months ago

2.1.0-alpha.9

9 months ago

2.1.0-alpha.8

9 months ago

2.1.0-alpha.7

9 months ago

2.1.0-alpha.6

9 months ago

2.1.0-alpha.5

10 months ago

2.0.6

10 months ago

2.1.0-alpha.4

10 months ago

2.0.5

10 months ago

2.1.0-alpha.3

10 months ago

2.1.0-alpha.2

10 months ago

1.6.8

10 months ago

2.1.0-alpha.1

11 months ago

2.0.4

11 months ago

2.1.0-alpha.0

11 months ago

1.6.8-alpha.1

11 months ago

1.6.8-alpha.0

11 months ago

1.6.4

12 months ago

1.6.3

1 year ago

1.6.2

1 year ago

1.6.1

1 year ago

1.6.0

1 year ago

2.0.3

11 months ago

2.0.2

11 months ago

2.0.0-alpha.19

1 year ago

2.0.0-alpha.18

1 year ago

2.0.0-alpha.17

1 year ago

2.0.0-alpha.16

1 year ago

2.0.0-alpha.15

1 year ago

2.0.0-alpha.14

1 year ago

2.0.1

11 months ago

2.0.0-alpha.13

1 year ago

2.0.0

11 months ago

1.5.2

1 year ago

1.5.1

1 year ago

1.5.0

1 year ago

2.0.0-beta.2

11 months ago

2.0.0-beta.1

11 months ago

2.0.0-beta.0

11 months ago

1.5.0-alpha.0

1 year ago

1.5.0-alpha.1

1 year ago

1.6.7

11 months ago

1.6.6

12 months ago

1.6.5

12 months ago

1.4.5

1 year ago

1.6.6-alpha.0

12 months ago

2.0.0-alpha.33

11 months ago

2.0.0-alpha.32

11 months ago

2.0.0-alpha.31

11 months ago

2.0.0-alpha.30

11 months ago

2.0.0-alpha.35

11 months ago

2.0.0-alpha.34

11 months ago

1.6.0-beta.0

1 year ago

1.6.0-beta.1

1 year ago

1.6.0-beta.2

1 year ago

1.6.2-beta.0

1 year ago

2.0.0-alpha.22

1 year ago

2.0.0-alpha.21

1 year ago

2.0.0-alpha.20

1 year ago

2.0.0-alpha.29

12 months ago

2.0.0-alpha.28

12 months ago

2.0.0-alpha.27

12 months ago

2.0.0-alpha.26

1 year ago

2.0.0-alpha.25

1 year ago

2.0.0-alpha.24

1 year ago

2.0.0-alpha.23

1 year ago

1.4.5-alpha.0

1 year ago

1.4.4

1 year ago

2.0.0-alpha.12

1 year ago

1.4.3

1 year ago

1.4.2

1 year ago

2.0.0-alpha.11

1 year ago

1.4.1

1 year ago

2.0.0-alpha.10

1 year ago

1.4.0

1 year ago

1.3.2

1 year ago

2.0.0-alpha.9

1 year ago

1.4.0-beta.1

1 year ago

2.0.0-alpha.8

1 year ago

1.3.1

1 year ago

1.4.0-beta.0

1 year ago

2.0.0-alpha.7

1 year ago

1.3.0

1 year ago

2.0.0-alpha.6

1 year ago

1.2.6

1 year ago

1.3.0-alpha.1

1 year ago

2.0.0-alpha.4

1 year ago

2.0.0-alpha.5

1 year ago

1.2.5

1 year ago

1.2.4

1 year ago

2.0.0-alpha.3

1 year ago

1.3.0-alpha.0

1 year ago

2.0.0-alpha.1

1 year ago

2.0.0-alpha.2

1 year ago

1.2.3

1 year ago

1.2.2

1 year ago

2.0.0-alpha.0

1 year ago

1.2.1

1 year ago

1.2.0

1 year ago

1.1.8

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

2 years ago

1.1.4

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.1.0-alpha.3

2 years ago

1.1.0-alpha.2

2 years ago

1.0.1

2 years ago

1.1.0-alpha.1

2 years ago

1.1.0-alpha.0

2 years ago

1.0.0

2 years ago

0.0.1-alpha.3

2 years ago

0.0.1-alpha.2

2 years ago

0.0.1-alpha.1

2 years ago

0.0.1-alpha.0

2 years ago