mirror of
https://github.com/EsotericSoftware/spine-runtimes.git
synced 2025-12-20 17:26:01 +08:00
[ts][phaser] Add physics support and examples.
This commit is contained in:
Davide Tantillo
parent
e5aeb7ac29
commit
83c987e43d
@ -492,6 +492,22 @@ cp -f ../mix-and-match/export/mix-and-match-pro.skel "$ROOT/spine-ts/spine-phase
|
|||||||
cp -f ../mix-and-match/export/mix-and-match-pma.atlas "$ROOT/spine-ts/spine-phaser/example/assets/"
|
cp -f ../mix-and-match/export/mix-and-match-pma.atlas "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
cp -f ../mix-and-match/export/mix-and-match-pma.png "$ROOT/spine-ts/spine-phaser/example/assets/"
|
cp -f ../mix-and-match/export/mix-and-match-pma.png "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
|
||||||
|
cp -f ../celestial-circus/export/* "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
|
||||||
|
cp -f ../cloud-pot/export/cloud-pot.json "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
cp -f ../cloud-pot/export/cloud-pot.skel "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
cp -f ../cloud-pot/export/cloud-pot.atlas "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
cp -f ../cloud-pot/export/cloud-pot.png "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
|
||||||
|
cp -f ../sack/export/sack-pro.json "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
cp -f ../sack/export/sack-pro.skel "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
cp -f ../sack/export/sack.atlas "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
cp -f ../sack/export/sack.png "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
|
||||||
|
cp -f ../snowglobe/export/snowglobe-pro.json "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
cp -f ../snowglobe/export/snowglobe-pro.skel "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
cp -f ../snowglobe/export/snowglobe* "$ROOT/spine-ts/spine-phaser/example/assets/"
|
||||||
|
|
||||||
rm "$ROOT/spine-ts/spine-pixi/example/assets/"*
|
rm "$ROOT/spine-ts/spine-pixi/example/assets/"*
|
||||||
cp -f ../raptor/export/raptor-pro.json "$ROOT/spine-ts/spine-pixi/example/assets/"
|
cp -f ../raptor/export/raptor-pro.json "$ROOT/spine-ts/spine-pixi/example/assets/"
|
||||||
cp -f ../raptor/export/raptor.atlas "$ROOT/spine-ts/spine-pixi/example/assets/"
|
cp -f ../raptor/export/raptor.atlas "$ROOT/spine-ts/spine-pixi/example/assets/"
|
||||||
|
|||||||
@ -97,6 +97,18 @@
|
|||||||
<li>
|
<li>
|
||||||
<a href="/spine-phaser/example/add-existing.html">Add existing object</a>
|
<a href="/spine-phaser/example/add-existing.html">Add existing object</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/spine-phaser/example/physics.html">Physics</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/spine-phaser/example/physics2.html">Physics II</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/spine-phaser/example/physics3.html">Physics III</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/spine-phaser/example/physics4.html">Physics IV</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<li>Player</li>
|
<li>Player</li>
|
||||||
<ul>
|
<ul>
|
||||||
|
|||||||
174
spine-ts/spine-phaser/example/assets/celestial-circus-pma.atlas
Normal file
174
spine-ts/spine-phaser/example/assets/celestial-circus-pma.atlas
Normal file
@ -0,0 +1,174 @@
|
|||||||
|
celestial-circus-pma.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
pma: true
|
||||||
|
scale: 0.4
|
||||||
|
arm-back-down
|
||||||
|
bounds: 324, 401, 38, 82
|
||||||
|
rotate: 90
|
||||||
|
arm-back-up
|
||||||
|
bounds: 290, 44, 83, 116
|
||||||
|
rotate: 90
|
||||||
|
arm-front-down
|
||||||
|
bounds: 706, 2, 36, 78
|
||||||
|
rotate: 90
|
||||||
|
arm-front-up
|
||||||
|
bounds: 860, 138, 77, 116
|
||||||
|
bench
|
||||||
|
bounds: 725, 256, 189, 48
|
||||||
|
body-bottom
|
||||||
|
bounds: 879, 868, 154, 124
|
||||||
|
rotate: 90
|
||||||
|
body-top
|
||||||
|
bounds: 725, 128, 126, 133
|
||||||
|
rotate: 90
|
||||||
|
chest
|
||||||
|
bounds: 408, 26, 104, 93
|
||||||
|
cloud-back
|
||||||
|
bounds: 752, 378, 202, 165
|
||||||
|
cloud-front
|
||||||
|
bounds: 2, 2, 325, 196
|
||||||
|
rotate: 90
|
||||||
|
collar
|
||||||
|
bounds: 786, 13, 47, 26
|
||||||
|
ear
|
||||||
|
bounds: 1002, 643, 20, 28
|
||||||
|
eye-back-shadow
|
||||||
|
bounds: 428, 395, 14, 10
|
||||||
|
eye-front-shadow
|
||||||
|
bounds: 704, 529, 24, 14
|
||||||
|
eye-reflex-back
|
||||||
|
bounds: 860, 128, 8, 7
|
||||||
|
rotate: 90
|
||||||
|
eye-reflex-front
|
||||||
|
bounds: 726, 386, 10, 7
|
||||||
|
eye-white-back
|
||||||
|
bounds: 835, 23, 13, 16
|
||||||
|
eye-white-front
|
||||||
|
bounds: 1005, 1000, 22, 17
|
||||||
|
rotate: 90
|
||||||
|
eyelashes-down-back
|
||||||
|
bounds: 232, 329, 11, 6
|
||||||
|
rotate: 90
|
||||||
|
eyelashes-down-front
|
||||||
|
bounds: 913, 851, 15, 6
|
||||||
|
rotate: 90
|
||||||
|
eyelashes-top-back
|
||||||
|
bounds: 408, 395, 18, 10
|
||||||
|
eyelashes-top-front
|
||||||
|
bounds: 702, 179, 30, 16
|
||||||
|
rotate: 90
|
||||||
|
face
|
||||||
|
bounds: 514, 26, 93, 102
|
||||||
|
rotate: 90
|
||||||
|
feathers-back
|
||||||
|
bounds: 954, 625, 46, 46
|
||||||
|
feathers-front
|
||||||
|
bounds: 706, 40, 72, 86
|
||||||
|
fringe-middle-back
|
||||||
|
bounds: 200, 6, 33, 52
|
||||||
|
rotate: 90
|
||||||
|
fringe-middle-front
|
||||||
|
bounds: 878, 76, 60, 50
|
||||||
|
rotate: 90
|
||||||
|
fringe-side-back
|
||||||
|
bounds: 780, 41, 27, 94
|
||||||
|
rotate: 90
|
||||||
|
fringe-side-front
|
||||||
|
bounds: 939, 161, 26, 93
|
||||||
|
glove-bottom-back
|
||||||
|
bounds: 954, 572, 51, 41
|
||||||
|
rotate: 90
|
||||||
|
glove-bottom-front
|
||||||
|
bounds: 916, 256, 47, 48
|
||||||
|
hair-back-1
|
||||||
|
bounds: 444, 395, 132, 306
|
||||||
|
rotate: 90
|
||||||
|
hair-back-2
|
||||||
|
bounds: 438, 211, 80, 285
|
||||||
|
rotate: 90
|
||||||
|
hair-back-3
|
||||||
|
bounds: 719, 306, 70, 268
|
||||||
|
rotate: 90
|
||||||
|
hair-back-4
|
||||||
|
bounds: 438, 121, 88, 262
|
||||||
|
rotate: 90
|
||||||
|
hair-back-5
|
||||||
|
bounds: 438, 293, 88, 279
|
||||||
|
rotate: 90
|
||||||
|
hair-back-6
|
||||||
|
bounds: 200, 41, 88, 286
|
||||||
|
hair-hat-shadow
|
||||||
|
bounds: 232, 398, 90, 41
|
||||||
|
hand-back
|
||||||
|
bounds: 954, 673, 60, 47
|
||||||
|
rotate: 90
|
||||||
|
hand-front
|
||||||
|
bounds: 967, 172, 53, 60
|
||||||
|
hat-back
|
||||||
|
bounds: 954, 802, 64, 45
|
||||||
|
rotate: 90
|
||||||
|
hat-front
|
||||||
|
bounds: 780, 70, 96, 56
|
||||||
|
head-back
|
||||||
|
bounds: 618, 17, 102, 86
|
||||||
|
rotate: 90
|
||||||
|
jabot
|
||||||
|
bounds: 967, 234, 70, 55
|
||||||
|
rotate: 90
|
||||||
|
leg-back
|
||||||
|
bounds: 232, 441, 210, 333
|
||||||
|
leg-front
|
||||||
|
bounds: 444, 529, 258, 320
|
||||||
|
logo-brooch
|
||||||
|
bounds: 954, 545, 16, 25
|
||||||
|
mouth
|
||||||
|
bounds: 408, 121, 22, 6
|
||||||
|
neck
|
||||||
|
bounds: 232, 342, 39, 56
|
||||||
|
rotate: 90
|
||||||
|
nose
|
||||||
|
bounds: 742, 529, 6, 7
|
||||||
|
rotate: 90
|
||||||
|
nose-highlight
|
||||||
|
bounds: 719, 300, 4, 4
|
||||||
|
nose-shadow
|
||||||
|
bounds: 869, 128, 7, 8
|
||||||
|
pupil-back
|
||||||
|
bounds: 730, 529, 10, 14
|
||||||
|
pupil-front
|
||||||
|
bounds: 254, 21, 12, 18
|
||||||
|
rope-back
|
||||||
|
bounds: 232, 383, 10, 492
|
||||||
|
rotate: 90
|
||||||
|
rope-front
|
||||||
|
bounds: 232, 383, 10, 492
|
||||||
|
rotate: 90
|
||||||
|
rope-front-bottom
|
||||||
|
bounds: 954, 735, 42, 65
|
||||||
|
skirt
|
||||||
|
bounds: 2, 776, 440, 246
|
||||||
|
sock-bow
|
||||||
|
bounds: 408, 407, 33, 32
|
||||||
|
spine-logo-body
|
||||||
|
bounds: 879, 853, 13, 32
|
||||||
|
rotate: 90
|
||||||
|
star-big
|
||||||
|
bounds: 939, 141, 18, 24
|
||||||
|
rotate: 90
|
||||||
|
star-medium
|
||||||
|
bounds: 742, 537, 6, 8
|
||||||
|
rotate: 90
|
||||||
|
star-small
|
||||||
|
bounds: 719, 378, 3, 4
|
||||||
|
rotate: 90
|
||||||
|
underskirt
|
||||||
|
bounds: 2, 329, 445, 228
|
||||||
|
rotate: 90
|
||||||
|
underskirt-back
|
||||||
|
bounds: 444, 851, 433, 171
|
||||||
|
wing-back
|
||||||
|
bounds: 290, 129, 146, 252
|
||||||
|
wing-front
|
||||||
|
bounds: 704, 545, 304, 248
|
||||||
|
rotate: 90
|
||||||
BIN
spine-ts/spine-phaser/example/assets/celestial-circus-pma.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/celestial-circus-pma.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 799 KiB |
3758
spine-ts/spine-phaser/example/assets/celestial-circus-pro.json
Normal file
3758
spine-ts/spine-phaser/example/assets/celestial-circus-pro.json
Normal file
File diff suppressed because it is too large
Load Diff
BIN
spine-ts/spine-phaser/example/assets/celestial-circus-pro.skel
Normal file
BIN
spine-ts/spine-phaser/example/assets/celestial-circus-pro.skel
Normal file
Binary file not shown.
173
spine-ts/spine-phaser/example/assets/celestial-circus.atlas
Normal file
173
spine-ts/spine-phaser/example/assets/celestial-circus.atlas
Normal file
@ -0,0 +1,173 @@
|
|||||||
|
celestial-circus.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
scale: 0.4
|
||||||
|
arm-back-down
|
||||||
|
bounds: 324, 401, 38, 82
|
||||||
|
rotate: 90
|
||||||
|
arm-back-up
|
||||||
|
bounds: 290, 44, 83, 116
|
||||||
|
rotate: 90
|
||||||
|
arm-front-down
|
||||||
|
bounds: 706, 2, 36, 78
|
||||||
|
rotate: 90
|
||||||
|
arm-front-up
|
||||||
|
bounds: 860, 138, 77, 116
|
||||||
|
bench
|
||||||
|
bounds: 725, 256, 189, 48
|
||||||
|
body-bottom
|
||||||
|
bounds: 879, 868, 154, 124
|
||||||
|
rotate: 90
|
||||||
|
body-top
|
||||||
|
bounds: 725, 128, 126, 133
|
||||||
|
rotate: 90
|
||||||
|
chest
|
||||||
|
bounds: 408, 26, 104, 93
|
||||||
|
cloud-back
|
||||||
|
bounds: 752, 378, 202, 165
|
||||||
|
cloud-front
|
||||||
|
bounds: 2, 2, 325, 196
|
||||||
|
rotate: 90
|
||||||
|
collar
|
||||||
|
bounds: 786, 13, 47, 26
|
||||||
|
ear
|
||||||
|
bounds: 1002, 643, 20, 28
|
||||||
|
eye-back-shadow
|
||||||
|
bounds: 428, 395, 14, 10
|
||||||
|
eye-front-shadow
|
||||||
|
bounds: 704, 529, 24, 14
|
||||||
|
eye-reflex-back
|
||||||
|
bounds: 860, 128, 8, 7
|
||||||
|
rotate: 90
|
||||||
|
eye-reflex-front
|
||||||
|
bounds: 726, 386, 10, 7
|
||||||
|
eye-white-back
|
||||||
|
bounds: 835, 23, 13, 16
|
||||||
|
eye-white-front
|
||||||
|
bounds: 1005, 1000, 22, 17
|
||||||
|
rotate: 90
|
||||||
|
eyelashes-down-back
|
||||||
|
bounds: 232, 329, 11, 6
|
||||||
|
rotate: 90
|
||||||
|
eyelashes-down-front
|
||||||
|
bounds: 913, 851, 15, 6
|
||||||
|
rotate: 90
|
||||||
|
eyelashes-top-back
|
||||||
|
bounds: 408, 395, 18, 10
|
||||||
|
eyelashes-top-front
|
||||||
|
bounds: 702, 179, 30, 16
|
||||||
|
rotate: 90
|
||||||
|
face
|
||||||
|
bounds: 514, 26, 93, 102
|
||||||
|
rotate: 90
|
||||||
|
feathers-back
|
||||||
|
bounds: 954, 625, 46, 46
|
||||||
|
feathers-front
|
||||||
|
bounds: 706, 40, 72, 86
|
||||||
|
fringe-middle-back
|
||||||
|
bounds: 200, 6, 33, 52
|
||||||
|
rotate: 90
|
||||||
|
fringe-middle-front
|
||||||
|
bounds: 878, 76, 60, 50
|
||||||
|
rotate: 90
|
||||||
|
fringe-side-back
|
||||||
|
bounds: 780, 41, 27, 94
|
||||||
|
rotate: 90
|
||||||
|
fringe-side-front
|
||||||
|
bounds: 939, 161, 26, 93
|
||||||
|
glove-bottom-back
|
||||||
|
bounds: 954, 572, 51, 41
|
||||||
|
rotate: 90
|
||||||
|
glove-bottom-front
|
||||||
|
bounds: 916, 256, 47, 48
|
||||||
|
hair-back-1
|
||||||
|
bounds: 444, 395, 132, 306
|
||||||
|
rotate: 90
|
||||||
|
hair-back-2
|
||||||
|
bounds: 438, 211, 80, 285
|
||||||
|
rotate: 90
|
||||||
|
hair-back-3
|
||||||
|
bounds: 719, 306, 70, 268
|
||||||
|
rotate: 90
|
||||||
|
hair-back-4
|
||||||
|
bounds: 438, 121, 88, 262
|
||||||
|
rotate: 90
|
||||||
|
hair-back-5
|
||||||
|
bounds: 438, 293, 88, 279
|
||||||
|
rotate: 90
|
||||||
|
hair-back-6
|
||||||
|
bounds: 200, 41, 88, 286
|
||||||
|
hair-hat-shadow
|
||||||
|
bounds: 232, 398, 90, 41
|
||||||
|
hand-back
|
||||||
|
bounds: 954, 673, 60, 47
|
||||||
|
rotate: 90
|
||||||
|
hand-front
|
||||||
|
bounds: 967, 172, 53, 60
|
||||||
|
hat-back
|
||||||
|
bounds: 954, 802, 64, 45
|
||||||
|
rotate: 90
|
||||||
|
hat-front
|
||||||
|
bounds: 780, 70, 96, 56
|
||||||
|
head-back
|
||||||
|
bounds: 618, 17, 102, 86
|
||||||
|
rotate: 90
|
||||||
|
jabot
|
||||||
|
bounds: 967, 234, 70, 55
|
||||||
|
rotate: 90
|
||||||
|
leg-back
|
||||||
|
bounds: 232, 441, 210, 333
|
||||||
|
leg-front
|
||||||
|
bounds: 444, 529, 258, 320
|
||||||
|
logo-brooch
|
||||||
|
bounds: 954, 545, 16, 25
|
||||||
|
mouth
|
||||||
|
bounds: 408, 121, 22, 6
|
||||||
|
neck
|
||||||
|
bounds: 232, 342, 39, 56
|
||||||
|
rotate: 90
|
||||||
|
nose
|
||||||
|
bounds: 742, 529, 6, 7
|
||||||
|
rotate: 90
|
||||||
|
nose-highlight
|
||||||
|
bounds: 719, 300, 4, 4
|
||||||
|
nose-shadow
|
||||||
|
bounds: 869, 128, 7, 8
|
||||||
|
pupil-back
|
||||||
|
bounds: 730, 529, 10, 14
|
||||||
|
pupil-front
|
||||||
|
bounds: 254, 21, 12, 18
|
||||||
|
rope-back
|
||||||
|
bounds: 232, 383, 10, 492
|
||||||
|
rotate: 90
|
||||||
|
rope-front
|
||||||
|
bounds: 232, 383, 10, 492
|
||||||
|
rotate: 90
|
||||||
|
rope-front-bottom
|
||||||
|
bounds: 954, 735, 42, 65
|
||||||
|
skirt
|
||||||
|
bounds: 2, 776, 440, 246
|
||||||
|
sock-bow
|
||||||
|
bounds: 408, 407, 33, 32
|
||||||
|
spine-logo-body
|
||||||
|
bounds: 879, 853, 13, 32
|
||||||
|
rotate: 90
|
||||||
|
star-big
|
||||||
|
bounds: 939, 141, 18, 24
|
||||||
|
rotate: 90
|
||||||
|
star-medium
|
||||||
|
bounds: 742, 537, 6, 8
|
||||||
|
rotate: 90
|
||||||
|
star-small
|
||||||
|
bounds: 719, 378, 3, 4
|
||||||
|
rotate: 90
|
||||||
|
underskirt
|
||||||
|
bounds: 2, 329, 445, 228
|
||||||
|
rotate: 90
|
||||||
|
underskirt-back
|
||||||
|
bounds: 444, 851, 433, 171
|
||||||
|
wing-back
|
||||||
|
bounds: 290, 129, 146, 252
|
||||||
|
wing-front
|
||||||
|
bounds: 704, 545, 304, 248
|
||||||
|
rotate: 90
|
||||||
BIN
spine-ts/spine-phaser/example/assets/celestial-circus.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/celestial-circus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 790 KiB |
85
spine-ts/spine-phaser/example/assets/cloud-pot.atlas
Normal file
85
spine-ts/spine-phaser/example/assets/cloud-pot.atlas
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
cloud-pot.png
|
||||||
|
size: 1024, 512
|
||||||
|
filter: Linear, Linear
|
||||||
|
scale: 0.5
|
||||||
|
cloud-base-1
|
||||||
|
bounds: 2, 300, 233, 210
|
||||||
|
cloud-base-10
|
||||||
|
bounds: 214, 113, 97, 101
|
||||||
|
cloud-base-2
|
||||||
|
bounds: 2, 90, 210, 208
|
||||||
|
cloud-base-3
|
||||||
|
bounds: 237, 346, 175, 164
|
||||||
|
cloud-base-4
|
||||||
|
bounds: 414, 347, 176, 163
|
||||||
|
cloud-base-5
|
||||||
|
bounds: 313, 89, 145, 125
|
||||||
|
cloud-base-6
|
||||||
|
bounds: 744, 374, 161, 136
|
||||||
|
cloud-base-7
|
||||||
|
bounds: 592, 361, 150, 149
|
||||||
|
cloud-base-8
|
||||||
|
bounds: 237, 216, 154, 128
|
||||||
|
cloud-base-9
|
||||||
|
bounds: 907, 402, 107, 108
|
||||||
|
cloud-cheeks
|
||||||
|
bounds: 2, 9, 218, 79
|
||||||
|
cloud-eyes-closed
|
||||||
|
bounds: 744, 350, 132, 22
|
||||||
|
cloud-eyes-open
|
||||||
|
bounds: 592, 333, 133, 26
|
||||||
|
cloud-eyes-reflex
|
||||||
|
bounds: 393, 224, 120, 17
|
||||||
|
rotate: 90
|
||||||
|
cloud-mouth-closed
|
||||||
|
bounds: 907, 374, 49, 16
|
||||||
|
cloud-mouth-open
|
||||||
|
bounds: 222, 15, 59, 35
|
||||||
|
leaf-big
|
||||||
|
bounds: 214, 218, 20, 49
|
||||||
|
leaf-small
|
||||||
|
bounds: 958, 373, 17, 30
|
||||||
|
rotate: 90
|
||||||
|
petal-1
|
||||||
|
bounds: 283, 2, 26, 18
|
||||||
|
petal-2
|
||||||
|
bounds: 283, 22, 28, 17
|
||||||
|
rotate: 90
|
||||||
|
petal-3
|
||||||
|
bounds: 214, 269, 29, 21
|
||||||
|
rotate: 90
|
||||||
|
pot-base
|
||||||
|
bounds: 222, 52, 76, 59
|
||||||
|
pot-eyes-closed
|
||||||
|
bounds: 878, 363, 46, 9
|
||||||
|
pot-eyes-open
|
||||||
|
bounds: 222, 2, 40, 11
|
||||||
|
pot-mouth-open
|
||||||
|
bounds: 990, 374, 14, 16
|
||||||
|
pot-mouth-pouty
|
||||||
|
bounds: 300, 93, 18, 10
|
||||||
|
rotate: 90
|
||||||
|
pot-mouth-smile
|
||||||
|
bounds: 300, 77, 14, 10
|
||||||
|
rotate: 90
|
||||||
|
pot-mouth-smile-big
|
||||||
|
bounds: 878, 352, 20, 9
|
||||||
|
rain-blue
|
||||||
|
bounds: 926, 360, 12, 18
|
||||||
|
rotate: 90
|
||||||
|
rain-color
|
||||||
|
bounds: 264, 4, 9, 17
|
||||||
|
rotate: 90
|
||||||
|
rain-green
|
||||||
|
bounds: 900, 349, 12, 18
|
||||||
|
rotate: 90
|
||||||
|
rain-white
|
||||||
|
bounds: 727, 337, 12, 22
|
||||||
|
rain-white-reflex
|
||||||
|
bounds: 2, 2, 5, 10
|
||||||
|
rotate: 90
|
||||||
|
stem
|
||||||
|
bounds: 907, 392, 8, 105
|
||||||
|
rotate: 90
|
||||||
|
stem-end
|
||||||
|
bounds: 300, 62, 13, 13
|
||||||
842
spine-ts/spine-phaser/example/assets/cloud-pot.json
Normal file
842
spine-ts/spine-phaser/example/assets/cloud-pot.json
Normal file
@ -0,0 +1,842 @@
|
|||||||
|
{
|
||||||
|
"skeleton": {
|
||||||
|
"hash": "CKnF82un6n8",
|
||||||
|
"spine": "4.2.64-beta",
|
||||||
|
"x": -345,
|
||||||
|
"y": -272846.84,
|
||||||
|
"width": 756,
|
||||||
|
"height": 273927.84,
|
||||||
|
"images": "./images/",
|
||||||
|
"audio": ""
|
||||||
|
},
|
||||||
|
"bones": [
|
||||||
|
{ "name": "root" },
|
||||||
|
{ "name": "pot-control", "parent": "root", "x": 5, "y": 42, "color": "8828ffff", "icon": "arrowsB" },
|
||||||
|
{ "name": "cloud", "parent": "pot-control", "x": 26.5, "y": 772, "color": "1ee8c0ff", "icon": "circle" },
|
||||||
|
{ "name": "cloud-base-1", "parent": "cloud", "x": -4, "y": 57, "color": "b0d5eaff" },
|
||||||
|
{ "name": "cloud-base-2", "parent": "cloud-base-1", "x": 148.5, "y": -18.5, "color": "b0d5eaff" },
|
||||||
|
{ "name": "cloud-base-3", "parent": "cloud-base-1", "x": -182, "y": -87.5, "color": "b0d5eaff" },
|
||||||
|
{ "name": "cloud-base-4", "parent": "cloud", "x": -31.5, "y": -77, "color": "b0d5eaff" },
|
||||||
|
{ "name": "cloud-base-5", "parent": "cloud-base-4", "x": 177.5, "y": 8, "color": "b0d5eaff" },
|
||||||
|
{ "name": "cloud-base-6", "parent": "cloud-base-1", "x": -150.5, "y": 40, "color": "b0d5eaff" },
|
||||||
|
{ "name": "cloud-base-7", "parent": "cloud-base-1", "x": 8.5, "y": 36.5, "color": "b0d5eaff" },
|
||||||
|
{ "name": "cloud-base-8", "parent": "cloud-base-2", "x": 3.5, "y": 68.5, "color": "b0d5eaff" },
|
||||||
|
{ "name": "cloud-base-9", "parent": "cloud-base-3", "x": -83.5, "y": 30.5, "color": "b0d5eaff" },
|
||||||
|
{ "name": "cloud-base-10", "parent": "cloud-base-5", "x": 137, "y": 54.5, "color": "b0d5eaff" },
|
||||||
|
{ "name": "rain-blue", "parent": "cloud", "x": 102.49, "y": -26, "color": "2360e3ff", "icon": "diamond" },
|
||||||
|
{ "name": "rain-color", "parent": "cloud", "x": -39.42, "y": -26, "color": "2360e3ff", "icon": "diamond" },
|
||||||
|
{ "name": "rain-green", "parent": "cloud", "x": 35.08, "y": -26, "color": "2360e3ff", "icon": "diamond" },
|
||||||
|
{ "name": "rain-white", "parent": "cloud", "x": -103.92, "y": -26, "color": "2360e3ff", "icon": "diamond" },
|
||||||
|
{ "name": "pot", "parent": "pot-control", "x": -5, "y": -42, "color": "8828ffff" },
|
||||||
|
{ "name": "pot-face", "parent": "pot", "x": -1.06, "y": 28.16, "color": "f38383ff", "icon": "gear" },
|
||||||
|
{
|
||||||
|
"name": "leaf-big",
|
||||||
|
"parent": "pot",
|
||||||
|
"length": 46.73,
|
||||||
|
"rotation": 119.24,
|
||||||
|
"x": 4.04,
|
||||||
|
"y": 95.05,
|
||||||
|
"color": "abe323ff"
|
||||||
|
},
|
||||||
|
{ "name": "leaf-big-tip", "parent": "leaf-big", "length": 46.73, "x": 46.73, "color": "abe323ff" },
|
||||||
|
{
|
||||||
|
"name": "leaf-small",
|
||||||
|
"parent": "pot",
|
||||||
|
"length": 51.32,
|
||||||
|
"rotation": 50.93,
|
||||||
|
"x": 10.16,
|
||||||
|
"y": 96.81,
|
||||||
|
"color": "abe323ff"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "stem",
|
||||||
|
"parent": "pot",
|
||||||
|
"length": 104.76,
|
||||||
|
"rotation": 90,
|
||||||
|
"x": 7.24,
|
||||||
|
"y": 92.61,
|
||||||
|
"color": "abe323ff"
|
||||||
|
},
|
||||||
|
{ "name": "stem2", "parent": "stem", "length": 69.84, "x": 104.76, "color": "abe323ff" },
|
||||||
|
{ "name": "stem3", "parent": "stem2", "length": 34.92, "x": 69.84, "color": "abe323ff" },
|
||||||
|
{
|
||||||
|
"name": "petal-3",
|
||||||
|
"parent": "stem3",
|
||||||
|
"length": 37.74,
|
||||||
|
"rotation": 1.03,
|
||||||
|
"x": 30.73,
|
||||||
|
"y": 0.64,
|
||||||
|
"color": "2381e3ff"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "petal-1",
|
||||||
|
"parent": "stem3",
|
||||||
|
"length": 40.11,
|
||||||
|
"rotation": 70.18,
|
||||||
|
"x": 34.13,
|
||||||
|
"y": 3.02,
|
||||||
|
"color": "2381e3ff"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "petal-2",
|
||||||
|
"parent": "stem3",
|
||||||
|
"length": 48.62,
|
||||||
|
"rotation": -80.34,
|
||||||
|
"x": 32.09,
|
||||||
|
"y": -4.46,
|
||||||
|
"color": "2381e3ff"
|
||||||
|
},
|
||||||
|
{ "name": "cloud-face", "parent": "cloud", "y": 14.93, "color": "9e82ffff", "icon": "arrowsB" }
|
||||||
|
],
|
||||||
|
"slots": [
|
||||||
|
{ "name": "rain/rain-green", "bone": "rain-green", "attachment": "rain-green" },
|
||||||
|
{ "name": "rain/rain-blue", "bone": "rain-blue", "attachment": "rain-blue" },
|
||||||
|
{ "name": "rain/rain-color", "bone": "rain-color", "attachment": "rain-color" },
|
||||||
|
{ "name": "rain/rain-white", "bone": "rain-white", "attachment": "rain-white" },
|
||||||
|
{ "name": "rain/rain-white-reflex", "bone": "rain-white", "attachment": "rain-white-reflex" },
|
||||||
|
{ "name": "flower/petal-1", "bone": "petal-1", "attachment": "petal-1" },
|
||||||
|
{ "name": "flower/petal-2", "bone": "petal-2", "attachment": "petal-2" },
|
||||||
|
{ "name": "flower/petal-3", "bone": "petal-3", "attachment": "petal-3" },
|
||||||
|
{ "name": "flower/stem", "bone": "stem", "attachment": "stem" },
|
||||||
|
{ "name": "flower/leaf-big", "bone": "leaf-big", "attachment": "leaf-big" },
|
||||||
|
{ "name": "flower/leaf-small", "bone": "leaf-small", "attachment": "leaf-small" },
|
||||||
|
{ "name": "flower/stem-end", "bone": "stem3", "attachment": "stem-end" },
|
||||||
|
{ "name": "pot/pot-base", "bone": "pot", "attachment": "pot-base" },
|
||||||
|
{ "name": "pot/pot-mouth", "bone": "pot-face", "attachment": "pot-mouth-smile-big" },
|
||||||
|
{ "name": "pot/pot-eyes", "bone": "pot-face", "attachment": "pot-eyes-open" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-1", "bone": "cloud-base-1", "attachment": "cloud-base-1" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-2", "bone": "cloud-base-2", "attachment": "cloud-base-2" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-3", "bone": "cloud-base-3", "attachment": "cloud-base-3" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-4", "bone": "cloud-base-4", "attachment": "cloud-base-4" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-5", "bone": "cloud-base-5", "attachment": "cloud-base-5" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-6", "bone": "cloud-base-6", "attachment": "cloud-base-6" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-7", "bone": "cloud-base-7", "attachment": "cloud-base-7" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-8", "bone": "cloud-base-8", "attachment": "cloud-base-8" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-9", "bone": "cloud-base-9", "attachment": "cloud-base-9" },
|
||||||
|
{ "name": "cloud/cloud-base/cloud-base-10", "bone": "cloud-base-10", "attachment": "cloud-base-10" },
|
||||||
|
{ "name": "cloud/cloud-cheeks", "bone": "cloud-face", "attachment": "cloud-cheeks" },
|
||||||
|
{ "name": "cloud/cloud-eyes", "bone": "cloud-face", "attachment": "cloud-eyes-open" },
|
||||||
|
{ "name": "cloud/cloud-eyes-reflex", "bone": "cloud-face", "attachment": "cloud-eyes-reflex" },
|
||||||
|
{ "name": "cloud/cloud-mouth", "bone": "cloud-face", "attachment": "cloud-mouth-closed" }
|
||||||
|
],
|
||||||
|
"physics": [
|
||||||
|
{
|
||||||
|
"name": "cloud",
|
||||||
|
"order": 25,
|
||||||
|
"bone": "cloud",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 172.8,
|
||||||
|
"damping": 0.8571,
|
||||||
|
"mass": 3
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-face",
|
||||||
|
"order": 24,
|
||||||
|
"bone": "cloud-face",
|
||||||
|
"x": 0.1923,
|
||||||
|
"y": 0.141,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"damping": 0.15
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "pot-face",
|
||||||
|
"order": 23,
|
||||||
|
"bone": "pot-face",
|
||||||
|
"x": 0.1667,
|
||||||
|
"y": 0.1026,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 137.3,
|
||||||
|
"damping": 0.6078
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-1",
|
||||||
|
"order": 4,
|
||||||
|
"bone": "cloud-base-1",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-2",
|
||||||
|
"order": 5,
|
||||||
|
"bone": "cloud-base-2",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 300,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-3",
|
||||||
|
"order": 6,
|
||||||
|
"bone": "cloud-base-3",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 300,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-4",
|
||||||
|
"order": 7,
|
||||||
|
"bone": "cloud-base-4",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-5",
|
||||||
|
"order": 8,
|
||||||
|
"bone": "cloud-base-5",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 300,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-6",
|
||||||
|
"order": 9,
|
||||||
|
"bone": "cloud-base-6",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 300,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-7",
|
||||||
|
"order": 10,
|
||||||
|
"bone": "cloud-base-7",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 300,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-8",
|
||||||
|
"order": 11,
|
||||||
|
"bone": "cloud-base-8",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 300,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-9",
|
||||||
|
"order": 12,
|
||||||
|
"bone": "cloud-base-9",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 300,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "cloud-base/cloud-base-10",
|
||||||
|
"order": 13,
|
||||||
|
"bone": "cloud-base-10",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"limit": 300,
|
||||||
|
"inertia": 0.3741,
|
||||||
|
"strength": 134.7,
|
||||||
|
"damping": 0.8163,
|
||||||
|
"mass": 2.8
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "plant/leaf-big",
|
||||||
|
"order": 14,
|
||||||
|
"bone": "leaf-big",
|
||||||
|
"rotate": 0.7532,
|
||||||
|
"shearX": 0.2468,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 160.5,
|
||||||
|
"damping": 0.8367,
|
||||||
|
"mass": 4
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "plant/leaf-big-tip",
|
||||||
|
"order": 22,
|
||||||
|
"bone": "leaf-big-tip",
|
||||||
|
"rotate": 1,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 160.5,
|
||||||
|
"damping": 0.8367,
|
||||||
|
"mass": 4
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "plant/leaf-small",
|
||||||
|
"order": 15,
|
||||||
|
"bone": "leaf-small",
|
||||||
|
"rotate": 0.6026,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 160.5,
|
||||||
|
"damping": 0.8367,
|
||||||
|
"mass": 4
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "plant/petal-1",
|
||||||
|
"order": 19,
|
||||||
|
"bone": "petal-1",
|
||||||
|
"rotate": 1,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 164.6,
|
||||||
|
"damping": 0.6531,
|
||||||
|
"mass": 2.6
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "plant/petal-2",
|
||||||
|
"order": 21,
|
||||||
|
"bone": "petal-2",
|
||||||
|
"rotate": 1,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 164.6,
|
||||||
|
"damping": 0.6531,
|
||||||
|
"mass": 2.6
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "plant/petal-3",
|
||||||
|
"order": 20,
|
||||||
|
"bone": "petal-3",
|
||||||
|
"rotate": 1,
|
||||||
|
"limit": 500,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 164.6,
|
||||||
|
"damping": 0.7823,
|
||||||
|
"mass": 3.83
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "plant/stem",
|
||||||
|
"order": 16,
|
||||||
|
"bone": "stem",
|
||||||
|
"rotate": 0.8205,
|
||||||
|
"limit": 700,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 152.4,
|
||||||
|
"damping": 0.9388,
|
||||||
|
"mass": 2.6
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "plant/stem2",
|
||||||
|
"order": 17,
|
||||||
|
"bone": "stem2",
|
||||||
|
"rotate": 0.8205,
|
||||||
|
"limit": 700,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 152.4,
|
||||||
|
"damping": 0.9388,
|
||||||
|
"mass": 2.6
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "plant/stem3",
|
||||||
|
"order": 18,
|
||||||
|
"bone": "stem3",
|
||||||
|
"rotate": 0.8205,
|
||||||
|
"limit": 700,
|
||||||
|
"inertia": 0.5,
|
||||||
|
"strength": 152.4,
|
||||||
|
"damping": 0.9388,
|
||||||
|
"mass": 2.6
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "rain/rain-blue",
|
||||||
|
"order": 3,
|
||||||
|
"bone": "rain-blue",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"strength": 0,
|
||||||
|
"gravity": 70
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "rain/rain-color",
|
||||||
|
"order": 2,
|
||||||
|
"bone": "rain-color",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"strength": 0,
|
||||||
|
"gravity": 70
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "rain/rain-green",
|
||||||
|
"order": 1,
|
||||||
|
"bone": "rain-green",
|
||||||
|
"x": 1,
|
||||||
|
"y": 1,
|
||||||
|
"strength": 0,
|
||||||
|
"gravity": 70
|
||||||
|
},
|
||||||
|
{ "name": "rain/rain-white", "bone": "rain-white", "x": 1, "y": 1, "strength": 0, "gravity": 70 }
|
||||||
|
],
|
||||||
|
"skins": [
|
||||||
|
{
|
||||||
|
"name": "default",
|
||||||
|
"attachments": {
|
||||||
|
"cloud-base-1": {
|
||||||
|
"cloud-base-1": { "width": 465, "height": 420 }
|
||||||
|
},
|
||||||
|
"cloud-base-2": {
|
||||||
|
"cloud-base-2": { "width": 420, "height": 415 }
|
||||||
|
},
|
||||||
|
"cloud-base-3": {
|
||||||
|
"cloud-base-3": { "width": 349, "height": 327 }
|
||||||
|
},
|
||||||
|
"cloud-base-4": {
|
||||||
|
"cloud-base-4": { "width": 352, "height": 326 }
|
||||||
|
},
|
||||||
|
"cloud-base-5": {
|
||||||
|
"cloud-base-5": { "width": 289, "height": 250 }
|
||||||
|
},
|
||||||
|
"cloud-base-6": {
|
||||||
|
"cloud-base-6": { "width": 322, "height": 272 }
|
||||||
|
},
|
||||||
|
"cloud-base-7": {
|
||||||
|
"cloud-base-7": { "width": 300, "height": 297 }
|
||||||
|
},
|
||||||
|
"cloud-base-8": {
|
||||||
|
"cloud-base-8": { "width": 307, "height": 256 }
|
||||||
|
},
|
||||||
|
"cloud-base-9": {
|
||||||
|
"cloud-base-9": { "width": 214, "height": 216 }
|
||||||
|
},
|
||||||
|
"cloud-base-10": {
|
||||||
|
"cloud-base-10": { "width": 193, "height": 201 }
|
||||||
|
},
|
||||||
|
"cloud-cheeks": {
|
||||||
|
"cloud-cheeks": { "x": -19, "y": -53.93, "width": 435, "height": 158 }
|
||||||
|
},
|
||||||
|
"cloud-eyes": {
|
||||||
|
"cloud-eyes-closed": { "x": -10, "y": -5.43, "width": 263, "height": 43 },
|
||||||
|
"cloud-eyes-open": { "x": -8, "y": -4.43, "width": 265, "height": 51 }
|
||||||
|
},
|
||||||
|
"cloud-eyes-reflex": {
|
||||||
|
"cloud-eyes-reflex": { "x": -10, "y": 2.07, "width": 239, "height": 34 }
|
||||||
|
},
|
||||||
|
"cloud-mouth": {
|
||||||
|
"cloud-mouth-closed": { "y": -14.93, "width": 97, "height": 32 },
|
||||||
|
"cloud-mouth-open": { "x": -0.5, "y": -27.93, "width": 118, "height": 70 }
|
||||||
|
},
|
||||||
|
"leaf-big": {
|
||||||
|
"leaf-big": {
|
||||||
|
"type": "mesh",
|
||||||
|
"uvs": [ 1, 1, 0, 1, 0, 0.75, 0, 0.5, 0, 0.25, 0, 0, 1, 0, 1, 0.25, 1, 0.5, 1, 0.75 ],
|
||||||
|
"triangles": [ 8, 3, 7, 3, 4, 7, 7, 4, 6, 4, 5, 6, 0, 1, 9, 1, 2, 9, 9, 2, 8, 2, 3, 8 ],
|
||||||
|
"vertices": [ 1, 19, -5.05, -21.72, 1, 1, 19, -5.05, 18.28, 1, 2, 19, 19.45, 18.28, 0.75483, 20, -27.28, 18.28, 0.24517, 2, 19, 43.95, 18.28, 0.50538, 20, -2.78, 18.28, 0.49462, 2, 19, 68.45, 18.28, 0.25278, 20, 21.72, 18.28, 0.74722, 1, 20, 46.22, 18.28, 1, 1, 20, 46.22, -21.72, 1, 2, 19, 68.45, -21.72, 0.24458, 20, 21.72, -21.72, 0.75542, 2, 19, 43.95, -21.72, 0.4937, 20, -2.78, -21.72, 0.5063, 2, 19, 19.45, -21.72, 0.74651, 20, -27.28, -21.72, 0.25349 ],
|
||||||
|
"hull": 10,
|
||||||
|
"edges": [ 0, 2, 2, 4, 4, 6, 6, 8, 8, 10, 10, 12, 12, 14, 14, 16, 16, 18, 18, 0 ],
|
||||||
|
"width": 40,
|
||||||
|
"height": 98
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"leaf-small": {
|
||||||
|
"leaf-small": { "x": 25.02, "y": 0.4, "rotation": -91.36, "width": 34, "height": 59 }
|
||||||
|
},
|
||||||
|
"petal-1": {
|
||||||
|
"petal-1": { "x": 18.88, "y": -4.54, "rotation": -160.18, "width": 52, "height": 36 }
|
||||||
|
},
|
||||||
|
"petal-2": {
|
||||||
|
"petal-2": { "x": 21.96, "y": 2.06, "rotation": -9.66, "width": 56, "height": 34 }
|
||||||
|
},
|
||||||
|
"petal-3": {
|
||||||
|
"petal-3": { "x": 16.97, "y": -5.71, "rotation": -91.03, "width": 58, "height": 42 }
|
||||||
|
},
|
||||||
|
"stem": {
|
||||||
|
"stem": {
|
||||||
|
"type": "mesh",
|
||||||
|
"uvs": [ 1, 1, 0, 1, 0, 0.90909, 0, 0.81818, 0, 0.72727, 0, 0.63636, 0, 0.54545, 0, 0.45455, 0, 0.36364, 0, 0.27273, 0, 0.18182, 0, 0.09091, 0, 0, 1, 0, 1, 0.09091, 1, 0.18182, 1, 0.27273, 1, 0.36364, 1, 0.45455, 1, 0.54545, 1, 0.63636, 1, 0.72727, 1, 0.81818, 1, 0.90909 ],
|
||||||
|
"triangles": [ 15, 10, 14, 10, 11, 14, 14, 11, 13, 11, 12, 13, 18, 7, 17, 7, 8, 17, 17, 8, 16, 8, 9, 16, 16, 9, 15, 9, 10, 15, 0, 1, 23, 1, 2, 23, 23, 2, 22, 2, 3, 22, 22, 3, 21, 3, 4, 21, 21, 4, 20, 4, 5, 20, 20, 5, 19, 5, 6, 19, 19, 6, 18, 6, 7, 18 ],
|
||||||
|
"vertices": [ 1, 22, -3.61, -6.76, 1, 1, 22, -3.61, 9.24, 1, 3, 22, 15.49, 9.24, 0.97258, 23, -89.27, 9.24, 0.02734, 24, -159.11, 9.24, 8.0E-5, 3, 22, 34.58, 9.24, 0.92758, 23, -70.18, 9.24, 0.07175, 24, -140.02, 9.24, 6.7E-4, 3, 22, 53.67, 9.24, 0.851, 23, -51.09, 9.24, 0.14565, 24, -120.93, 9.24, 0.00335, 3, 22, 72.76, 9.24, 0.73702, 23, -32, 9.24, 0.25075, 24, -101.84, 9.24, 0.01223, 3, 22, 91.85, 9.24, 0.59184, 23, -12.91, 9.24, 0.37282, 24, -82.74, 9.24, 0.03534, 3, 22, 110.94, 9.24, 0.43333, 23, 6.18, 9.24, 0.482, 24, -63.65, 9.24, 0.08467, 3, 22, 130.03, 9.24, 0.28467, 23, 25.27, 9.24, 0.54153, 24, -44.56, 9.24, 0.1738, 3, 22, 149.12, 9.24, 0.16502, 23, 44.37, 9.24, 0.52188, 24, -25.47, 9.24, 0.3131, 3, 22, 168.21, 9.24, 0.08234, 23, 63.46, 9.24, 0.4129, 24, -6.38, 9.24, 0.50477, 3, 22, 187.3, 9.24, 0.03198, 23, 82.55, 9.24, 0.228, 24, 12.71, 9.24, 0.74001, 1, 24, 31.8, 9.24, 1, 1, 24, 31.8, -6.76, 1, 3, 22, 187.3, -6.76, 0.02989, 23, 82.55, -6.76, 0.23389, 24, 12.71, -6.76, 0.73622, 3, 22, 168.21, -6.76, 0.07799, 23, 63.46, -6.76, 0.42357, 24, -6.38, -6.76, 0.49844, 3, 22, 149.12, -6.76, 0.1584, 23, 44.37, -6.76, 0.53549, 24, -25.47, -6.76, 0.30611, 3, 22, 130.03, -6.76, 0.27629, 23, 25.27, -6.76, 0.55594, 24, -44.56, -6.76, 0.16777, 3, 22, 110.94, -6.76, 0.42428, 23, 6.18, -6.76, 0.49529, 24, -63.65, -6.76, 0.08044, 3, 22, 91.85, -6.76, 0.58346, 23, -12.91, -6.76, 0.38366, 24, -82.74, -6.76, 0.03289, 3, 22, 72.76, -6.76, 0.73038, 23, -32, -6.76, 0.25856, 24, -101.84, -6.76, 0.01107, 3, 22, 53.67, -6.76, 0.84652, 23, -51.09, -6.76, 0.15057, 24, -120.93, -6.76, 0.00291, 3, 22, 34.58, -6.76, 0.92506, 23, -70.18, -6.76, 0.0744, 24, -140.02, -6.76, 5.4E-4, 3, 22, 15.49, -6.76, 0.97151, 23, -89.27, -6.76, 0.02843, 24, -159.11, -6.76, 6.0E-5 ],
|
||||||
|
"hull": 24,
|
||||||
|
"edges": [ 0, 2, 2, 4, 4, 6, 6, 8, 8, 10, 10, 12, 12, 14, 14, 16, 16, 18, 18, 20, 20, 22, 22, 24, 24, 26, 26, 28, 28, 30, 30, 32, 32, 34, 34, 36, 36, 38, 38, 40, 40, 42, 42, 44, 44, 46, 46, 0 ],
|
||||||
|
"width": 16,
|
||||||
|
"height": 210
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"stem-end": {
|
||||||
|
"stem-end": { "x": 25.8, "y": -0.26, "rotation": -90, "width": 25, "height": 26 }
|
||||||
|
},
|
||||||
|
"pot-base": {
|
||||||
|
"pot-base": { "x": 5, "y": 42, "width": 152, "height": 118 }
|
||||||
|
},
|
||||||
|
"pot-eyes": {
|
||||||
|
"pot-eyes-closed": { "x": -0.94, "y": 2.34, "width": 92, "height": 17 },
|
||||||
|
"pot-eyes-open": { "x": 0.06, "y": 3.84, "width": 80, "height": 22 }
|
||||||
|
},
|
||||||
|
"pot-mouth": {
|
||||||
|
"pot-mouth-open": { "x": -1.44, "y": -13.66, "width": 27, "height": 31 },
|
||||||
|
"pot-mouth-pouty": { "x": 0.56, "y": -12.66, "width": 35, "height": 19 },
|
||||||
|
"pot-mouth-smile": { "x": 0.56, "y": -12.16, "width": 27, "height": 20 },
|
||||||
|
"pot-mouth-smile-big": { "x": 1.56, "y": -9.16, "width": 39, "height": 18 }
|
||||||
|
},
|
||||||
|
"rain-blue": {
|
||||||
|
"rain-blue": { "width": 23, "height": 36 }
|
||||||
|
},
|
||||||
|
"rain-color": {
|
||||||
|
"rain-color": { "width": 18, "height": 34 }
|
||||||
|
},
|
||||||
|
"rain-green": {
|
||||||
|
"rain-green": { "width": 23, "height": 36 }
|
||||||
|
},
|
||||||
|
"rain-white": {
|
||||||
|
"rain-white": { "width": 23, "height": 44 }
|
||||||
|
},
|
||||||
|
"rain-white-reflex": {
|
||||||
|
"rain-white-reflex": { "x": -0.5, "y": 3.5, "width": 10, "height": 19 }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"animations": {
|
||||||
|
"playing-in-the-rain": {
|
||||||
|
"slots": {
|
||||||
|
"cloud-eyes": {
|
||||||
|
"attachment": [
|
||||||
|
{ "time": 0.2, "name": "cloud-eyes-closed" },
|
||||||
|
{ "time": 0.9, "name": "cloud-eyes-open" },
|
||||||
|
{ "time": 1.7667, "name": "cloud-eyes-closed" },
|
||||||
|
{ "time": 1.9333, "name": "cloud-eyes-open" },
|
||||||
|
{ "time": 2.4333, "name": "cloud-eyes-closed" },
|
||||||
|
{ "time": 2.6, "name": "cloud-eyes-open" },
|
||||||
|
{ "time": 3.9333, "name": "cloud-eyes-closed" },
|
||||||
|
{ "time": 4.1, "name": "cloud-eyes-open" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"cloud-mouth": {
|
||||||
|
"attachment": [
|
||||||
|
{ "time": 0.2, "name": "cloud-mouth-open" },
|
||||||
|
{ "time": 0.9, "name": "cloud-mouth-closed" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"pot-eyes": {
|
||||||
|
"attachment": [
|
||||||
|
{ "time": 0.1333, "name": "pot-eyes-closed" },
|
||||||
|
{ "time": 0.3, "name": "pot-eyes-open" },
|
||||||
|
{ "time": 1.0667, "name": "pot-eyes-closed" },
|
||||||
|
{ "time": 1.5, "name": "pot-eyes-open" },
|
||||||
|
{ "time": 3.0333, "name": "pot-eyes-closed" },
|
||||||
|
{ "time": 3.2333, "name": "pot-eyes-open" },
|
||||||
|
{ "time": 3.4667, "name": "pot-eyes-closed" },
|
||||||
|
{ "time": 3.6667, "name": "pot-eyes-open" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"pot-mouth": {
|
||||||
|
"attachment": [
|
||||||
|
{ "time": 0.1333, "name": "pot-mouth-open" },
|
||||||
|
{ "time": 0.3, "name": "pot-mouth-smile-big" },
|
||||||
|
{ "time": 1.0667, "name": "pot-mouth-pouty" },
|
||||||
|
{ "time": 2.4, "name": "pot-mouth-smile" },
|
||||||
|
{ "time": 3.0333, "name": "pot-mouth-smile-big" }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"bones": {
|
||||||
|
"pot": {
|
||||||
|
"rotate": [
|
||||||
|
{ "time": 1.1 },
|
||||||
|
{ "time": 1.2, "value": -12.76 },
|
||||||
|
{ "time": 1.5333, "curve": "stepped" },
|
||||||
|
{ "time": 3.7667 },
|
||||||
|
{ "time": 3.9, "value": 8.28 },
|
||||||
|
{ "time": 4.2333, "value": -4.34 },
|
||||||
|
{ "time": 4.4333 }
|
||||||
|
],
|
||||||
|
"scale": [
|
||||||
|
{},
|
||||||
|
{ "time": 0.2, "y": 0.752 },
|
||||||
|
{ "time": 0.4, "x": 0.845, "y": 1.068 },
|
||||||
|
{ "time": 0.6333 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"pot-control": {
|
||||||
|
"translatex": [
|
||||||
|
{
|
||||||
|
"time": 1.0667,
|
||||||
|
"curve": [ 1.222, -203.48, 1.378, -610.44 ]
|
||||||
|
},
|
||||||
|
{ "time": 1.5333, "value": -610.44, "curve": "stepped" },
|
||||||
|
{
|
||||||
|
"time": 2.2333,
|
||||||
|
"value": -610.44,
|
||||||
|
"curve": [ 2.389, -610.44, 2.544, -478.45 ]
|
||||||
|
},
|
||||||
|
{ "time": 2.7, "value": -478.45, "curve": "stepped" },
|
||||||
|
{
|
||||||
|
"time": 3.8333,
|
||||||
|
"value": -478.45,
|
||||||
|
"curve": [ 3.971, -478.45, 4.095, -135.56 ]
|
||||||
|
},
|
||||||
|
{ "time": 4.2333 }
|
||||||
|
],
|
||||||
|
"translatey": [
|
||||||
|
{
|
||||||
|
"time": 1.0333,
|
||||||
|
"curve": [ 1.089, 10.56, 1.144, 44.34 ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"time": 1.2,
|
||||||
|
"value": 44.34,
|
||||||
|
"curve": [ 1.256, 44.34, 1.311, 0 ]
|
||||||
|
},
|
||||||
|
{ "time": 1.3667, "curve": "stepped" },
|
||||||
|
{
|
||||||
|
"time": 2.2333,
|
||||||
|
"curve": [ 2.408, 0, 2.392, 44.34 ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"time": 2.4333,
|
||||||
|
"value": 44.34,
|
||||||
|
"curve": [ 2.455, 44.34, 2.51, 0 ]
|
||||||
|
},
|
||||||
|
{ "time": 2.6, "curve": "stepped" },
|
||||||
|
{
|
||||||
|
"time": 3.8,
|
||||||
|
"curve": [ 3.841, 14.78, 3.893, 44.34 ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"time": 3.9333,
|
||||||
|
"value": 44.34,
|
||||||
|
"curve": [ 4.023, 44.34, 4.111, 14.78 ]
|
||||||
|
},
|
||||||
|
{ "time": 4.2 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"cloud-base-1": {
|
||||||
|
"rotate": [
|
||||||
|
{
|
||||||
|
"curve": [ 0.144, -9.36, 0.289, -17.29 ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"time": 0.4333,
|
||||||
|
"value": -17.29,
|
||||||
|
"curve": [ 0.5, -17.29, 0.567, -4.32 ]
|
||||||
|
},
|
||||||
|
{ "time": 0.6333 }
|
||||||
|
],
|
||||||
|
"scale": [
|
||||||
|
{
|
||||||
|
"curve": [ 0.089, 1, 0.178, 1.064, 0.089, 1, 0.178, 1.064 ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"time": 0.2667,
|
||||||
|
"x": 1.064,
|
||||||
|
"y": 1.064,
|
||||||
|
"curve": [ 0.411, 1.064, 0.556, 1.021, 0.411, 1.064, 0.556, 1.021 ]
|
||||||
|
},
|
||||||
|
{ "time": 0.7 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"cloud-base-4": {
|
||||||
|
"rotate": [
|
||||||
|
{
|
||||||
|
"curve": [ 0.1, 5.55, 0.2, 14.81 ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"time": 0.3,
|
||||||
|
"value": 14.81,
|
||||||
|
"curve": [ 0.467, 14.81, 0.633, 9.25 ]
|
||||||
|
},
|
||||||
|
{ "time": 0.8 }
|
||||||
|
],
|
||||||
|
"scale": [
|
||||||
|
{
|
||||||
|
"curve": [ 0.089, 1, 0.178, 1.064, 0.089, 1, 0.178, 1.064 ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"time": 0.2667,
|
||||||
|
"x": 1.064,
|
||||||
|
"y": 1.064,
|
||||||
|
"curve": [ 0.411, 1.064, 0.556, 1.021, 0.411, 1.064, 0.556, 1.021 ]
|
||||||
|
},
|
||||||
|
{ "time": 0.7 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"cloud": {
|
||||||
|
"translate": [
|
||||||
|
{ "time": 0.2333 },
|
||||||
|
{ "time": 0.3333, "y": 30.43 },
|
||||||
|
{ "time": 0.4667 },
|
||||||
|
{ "time": 0.5667, "y": 30.43 },
|
||||||
|
{ "time": 0.6667 },
|
||||||
|
{ "time": 0.7667, "y": 30.43 },
|
||||||
|
{ "time": 0.9333 }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"physics": {
|
||||||
|
"rain/rain-blue": {
|
||||||
|
"reset": [
|
||||||
|
{ "time": 0.4667 },
|
||||||
|
{ "time": 0.9333 },
|
||||||
|
{ "time": 1.4 },
|
||||||
|
{ "time": 1.8667 },
|
||||||
|
{ "time": 2.3333 },
|
||||||
|
{ "time": 2.8 },
|
||||||
|
{ "time": 3.2667 },
|
||||||
|
{ "time": 3.7333 },
|
||||||
|
{ "time": 4.2 },
|
||||||
|
{ "time": 4.6667 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"rain/rain-color": {
|
||||||
|
"reset": [
|
||||||
|
{ "time": 0.3 },
|
||||||
|
{ "time": 0.7667 },
|
||||||
|
{ "time": 1.2333 },
|
||||||
|
{ "time": 1.7 },
|
||||||
|
{ "time": 2.1667 },
|
||||||
|
{ "time": 2.6333 },
|
||||||
|
{ "time": 3.1 },
|
||||||
|
{ "time": 3.5667 },
|
||||||
|
{ "time": 4.0333 },
|
||||||
|
{ "time": 4.5 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"rain/rain-green": {
|
||||||
|
"reset": [
|
||||||
|
{ "time": 0.1333 },
|
||||||
|
{ "time": 0.6 },
|
||||||
|
{ "time": 1.0667 },
|
||||||
|
{ "time": 1.5333 },
|
||||||
|
{ "time": 2 },
|
||||||
|
{ "time": 2.4667 },
|
||||||
|
{ "time": 2.9333 },
|
||||||
|
{ "time": 3.4 },
|
||||||
|
{ "time": 3.8667 },
|
||||||
|
{ "time": 4.3333 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"rain/rain-white": {
|
||||||
|
"reset": [
|
||||||
|
{},
|
||||||
|
{ "time": 0.4667 },
|
||||||
|
{ "time": 0.9333 },
|
||||||
|
{ "time": 1.4 },
|
||||||
|
{ "time": 1.8667 },
|
||||||
|
{ "time": 2.3333 },
|
||||||
|
{ "time": 2.8 },
|
||||||
|
{ "time": 3.2667 },
|
||||||
|
{ "time": 3.7333 },
|
||||||
|
{ "time": 4.2 }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"pot-moving-followed-by-rain": {
|
||||||
|
"bones": {
|
||||||
|
"pot-control": {
|
||||||
|
"translate": [
|
||||||
|
{},
|
||||||
|
{ "time": 0.5667, "x": -389.34, "curve": "stepped" },
|
||||||
|
{ "time": 1.1667, "x": -389.34 },
|
||||||
|
{ "time": 2.2, "x": 463.88, "curve": "stepped" },
|
||||||
|
{ "time": 2.4667, "x": 463.88 },
|
||||||
|
{ "time": 3 }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"physics": {
|
||||||
|
"rain/rain-blue": {
|
||||||
|
"reset": [
|
||||||
|
{ "time": 0.4667 },
|
||||||
|
{ "time": 0.9333 },
|
||||||
|
{ "time": 1.4 },
|
||||||
|
{ "time": 1.8667 },
|
||||||
|
{ "time": 2.3333 },
|
||||||
|
{ "time": 2.8 },
|
||||||
|
{ "time": 3.2667 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"rain/rain-color": {
|
||||||
|
"reset": [
|
||||||
|
{ "time": 0.3 },
|
||||||
|
{ "time": 0.7667 },
|
||||||
|
{ "time": 1.2333 },
|
||||||
|
{ "time": 1.7 },
|
||||||
|
{ "time": 2.1667 },
|
||||||
|
{ "time": 2.6333 },
|
||||||
|
{ "time": 3.1 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"rain/rain-green": {
|
||||||
|
"reset": [
|
||||||
|
{ "time": 0.1333 },
|
||||||
|
{ "time": 0.6 },
|
||||||
|
{ "time": 1.0667 },
|
||||||
|
{ "time": 1.5333 },
|
||||||
|
{ "time": 2 },
|
||||||
|
{ "time": 2.4667 },
|
||||||
|
{ "time": 2.9333 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"rain/rain-white": {
|
||||||
|
"reset": [
|
||||||
|
{},
|
||||||
|
{ "time": 0.4667 },
|
||||||
|
{ "time": 0.9333 },
|
||||||
|
{ "time": 1.4 },
|
||||||
|
{ "time": 1.8667 },
|
||||||
|
{ "time": 2.3333 },
|
||||||
|
{ "time": 2.8 }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"rain": {
|
||||||
|
"physics": {
|
||||||
|
"rain/rain-blue": {
|
||||||
|
"reset": [
|
||||||
|
{ "time": 0.4667 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"rain/rain-color": {
|
||||||
|
"reset": [
|
||||||
|
{ "time": 0.3 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"rain/rain-green": {
|
||||||
|
"reset": [
|
||||||
|
{ "time": 0.1333 }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"rain/rain-white": {
|
||||||
|
"reset": [
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
spine-ts/spine-phaser/example/assets/cloud-pot.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/cloud-pot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 328 KiB |
BIN
spine-ts/spine-phaser/example/assets/cloud-pot.skel
Normal file
BIN
spine-ts/spine-phaser/example/assets/cloud-pot.skel
Normal file
Binary file not shown.
4940
spine-ts/spine-phaser/example/assets/sack-pro.json
Normal file
4940
spine-ts/spine-phaser/example/assets/sack-pro.json
Normal file
File diff suppressed because one or more lines are too long
BIN
spine-ts/spine-phaser/example/assets/sack-pro.skel
Normal file
BIN
spine-ts/spine-phaser/example/assets/sack-pro.skel
Normal file
Binary file not shown.
10
spine-ts/spine-phaser/example/assets/sack.atlas
Normal file
10
spine-ts/spine-phaser/example/assets/sack.atlas
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
sack.png
|
||||||
|
size: 512, 512
|
||||||
|
filter: Linear, Linear
|
||||||
|
scale: 0.5
|
||||||
|
cape-back
|
||||||
|
bounds: 237, 149, 260, 260
|
||||||
|
cape-front
|
||||||
|
bounds: 237, 43, 200, 104
|
||||||
|
sack
|
||||||
|
bounds: 2, 2, 233, 407
|
||||||
BIN
spine-ts/spine-phaser/example/assets/sack.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/sack.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
210
spine-ts/spine-phaser/example/assets/snowglobe-pma.atlas
Normal file
210
spine-ts/spine-phaser/example/assets/snowglobe-pma.atlas
Normal file
@ -0,0 +1,210 @@
|
|||||||
|
snowglobe-pma.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
pma: true
|
||||||
|
scale: 0.5
|
||||||
|
arm-down-r
|
||||||
|
bounds: 884, 129, 76, 53
|
||||||
|
arm-up-l
|
||||||
|
bounds: 718, 23, 49, 114
|
||||||
|
rotate: 90
|
||||||
|
arm-up-r
|
||||||
|
bounds: 867, 69, 58, 104
|
||||||
|
rotate: 90
|
||||||
|
blue-present-base
|
||||||
|
bounds: 884, 883, 126, 139
|
||||||
|
eye-reflex-l
|
||||||
|
bounds: 991, 347, 12, 13
|
||||||
|
eye-reflex-r
|
||||||
|
bounds: 867, 129, 10, 12
|
||||||
|
rotate: 90
|
||||||
|
eye-white-l
|
||||||
|
bounds: 987, 697, 35, 43
|
||||||
|
eye-white-r
|
||||||
|
bounds: 560, 2, 34, 48
|
||||||
|
eyelashes-l
|
||||||
|
bounds: 982, 2, 32, 40
|
||||||
|
gift-base
|
||||||
|
bounds: 884, 335, 125, 105
|
||||||
|
rotate: 90
|
||||||
|
gift-decoration
|
||||||
|
bounds: 518, 2, 48, 40
|
||||||
|
rotate: 90
|
||||||
|
globe-borders
|
||||||
|
bounds: 2, 141, 880, 881
|
||||||
|
glove-l
|
||||||
|
bounds: 982, 44, 40, 61
|
||||||
|
glove-shadow-l
|
||||||
|
bounds: 991, 403, 28, 57
|
||||||
|
glove-shadow-r
|
||||||
|
bounds: 960, 204, 38, 62
|
||||||
|
rotate: 90
|
||||||
|
green-present-base
|
||||||
|
bounds: 138, 13, 126, 139
|
||||||
|
rotate: 90
|
||||||
|
hair-front
|
||||||
|
bounds: 884, 590, 150, 101
|
||||||
|
rotate: 90
|
||||||
|
hair-side
|
||||||
|
bounds: 995, 574, 27, 53
|
||||||
|
hair-strand-2
|
||||||
|
bounds: 987, 629, 26, 66
|
||||||
|
hair-strand-5
|
||||||
|
bounds: 690, 7, 25, 47
|
||||||
|
hair-strand-6
|
||||||
|
bounds: 995, 507, 14, 35
|
||||||
|
head-base
|
||||||
|
bounds: 2, 4, 134, 135
|
||||||
|
leg-down-l
|
||||||
|
bounds: 596, 3, 92, 51
|
||||||
|
leg-up-l
|
||||||
|
bounds: 718, 74, 65, 147
|
||||||
|
rotate: 90
|
||||||
|
leg-up-l-fuzzy
|
||||||
|
bounds: 834, 2, 73, 65
|
||||||
|
leg-up-r
|
||||||
|
bounds: 576, 56, 83, 140
|
||||||
|
rotate: 90
|
||||||
|
leg-up-r-fuzzy
|
||||||
|
bounds: 909, 2, 65, 71
|
||||||
|
rotate: 90
|
||||||
|
mouth
|
||||||
|
bounds: 991, 362, 39, 13
|
||||||
|
rotate: 90
|
||||||
|
neck-scarf
|
||||||
|
bounds: 279, 25, 142, 114
|
||||||
|
nose
|
||||||
|
bounds: 995, 488, 17, 14
|
||||||
|
rotate: 90
|
||||||
|
nose-shadow
|
||||||
|
bounds: 299, 8, 15, 15
|
||||||
|
red-present-base
|
||||||
|
bounds: 884, 742, 126, 139
|
||||||
|
scarf-end-l
|
||||||
|
bounds: 884, 462, 126, 109
|
||||||
|
rotate: 90
|
||||||
|
scarf-end-r
|
||||||
|
bounds: 423, 52, 151, 87
|
||||||
|
scarf-ribbon-middle-r
|
||||||
|
bounds: 960, 244, 62, 89
|
||||||
|
scarf-shadow
|
||||||
|
bounds: 884, 184, 149, 74
|
||||||
|
rotate: 90
|
||||||
|
shoe-l
|
||||||
|
bounds: 973, 107, 49, 95
|
||||||
|
shoe-r
|
||||||
|
bounds: 423, 6, 44, 93
|
||||||
|
rotate: 90
|
||||||
|
shoelace
|
||||||
|
bounds: 279, 2, 21, 18
|
||||||
|
rotate: 90
|
||||||
|
snow
|
||||||
|
bounds: 995, 544, 27, 28
|
||||||
|
string
|
||||||
|
bounds: 138, 6, 5, 53
|
||||||
|
rotate: 90
|
||||||
|
|
||||||
|
snowglobe-pma_2.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
pma: true
|
||||||
|
scale: 0.5
|
||||||
|
arm-down-l
|
||||||
|
bounds: 884, 579, 56, 54
|
||||||
|
arm-down-l-fuzzy
|
||||||
|
bounds: 884, 635, 57, 59
|
||||||
|
arm-down-r-fuzzy
|
||||||
|
bounds: 884, 696, 61, 66
|
||||||
|
blue-present-decoration
|
||||||
|
bounds: 884, 216, 41, 40
|
||||||
|
green-present-decoration
|
||||||
|
bounds: 884, 216, 41, 40
|
||||||
|
ear-l
|
||||||
|
bounds: 884, 527, 55, 50
|
||||||
|
ear-r
|
||||||
|
bounds: 291, 94, 45, 66
|
||||||
|
rotate: 90
|
||||||
|
eyelashes-r
|
||||||
|
bounds: 2, 2, 32, 47
|
||||||
|
rotate: 90
|
||||||
|
globe-texture-strong
|
||||||
|
bounds: 2, 141, 880, 881
|
||||||
|
glove-fingers-l
|
||||||
|
bounds: 884, 361, 39, 51
|
||||||
|
glove-fingers-r
|
||||||
|
bounds: 884, 469, 41, 56
|
||||||
|
glove-r
|
||||||
|
bounds: 76, 36, 44, 65
|
||||||
|
rotate: 90
|
||||||
|
hair-strand-1
|
||||||
|
bounds: 359, 102, 37, 65
|
||||||
|
rotate: 90
|
||||||
|
hair-strand-3
|
||||||
|
bounds: 884, 414, 40, 53
|
||||||
|
hair-strand-4
|
||||||
|
bounds: 939, 893, 37, 69
|
||||||
|
iris-l
|
||||||
|
bounds: 884, 173, 40, 41
|
||||||
|
iris-r
|
||||||
|
bounds: 143, 39, 40, 41
|
||||||
|
leg-down-r
|
||||||
|
bounds: 2, 36, 72, 103
|
||||||
|
pupil-l
|
||||||
|
bounds: 51, 2, 32, 32
|
||||||
|
pupil-r
|
||||||
|
bounds: 85, 2, 32, 32
|
||||||
|
red-present-decoration
|
||||||
|
bounds: 426, 99, 41, 40
|
||||||
|
scarf-pompom-l
|
||||||
|
bounds: 884, 309, 50, 46
|
||||||
|
rotate: 90
|
||||||
|
scarf-pompom-r
|
||||||
|
bounds: 884, 258, 49, 47
|
||||||
|
rotate: 90
|
||||||
|
scarf-ribbon-bottom-l
|
||||||
|
bounds: 884, 856, 106, 53
|
||||||
|
rotate: 90
|
||||||
|
scarf-ribbon-bottom-r
|
||||||
|
bounds: 76, 82, 105, 57
|
||||||
|
scarf-ribbon-middle-l
|
||||||
|
bounds: 884, 764, 63, 90
|
||||||
|
scarf-ribbon-top-l
|
||||||
|
bounds: 884, 964, 105, 58
|
||||||
|
scarf-ribbon-top-r
|
||||||
|
bounds: 183, 86, 106, 53
|
||||||
|
|
||||||
|
snowglobe-pma_3.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
pma: true
|
||||||
|
scale: 0.5
|
||||||
|
globe-texture
|
||||||
|
bounds: 2, 2, 880, 881
|
||||||
|
|
||||||
|
snowglobe-pma_4.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
pma: true
|
||||||
|
scale: 0.5
|
||||||
|
elf-shadow
|
||||||
|
bounds: 2, 2, 395, 158
|
||||||
|
globe-reflections
|
||||||
|
bounds: 2, 162, 646, 835
|
||||||
|
globe-shadow
|
||||||
|
bounds: 650, 77, 920, 366
|
||||||
|
rotate: 90
|
||||||
|
hat
|
||||||
|
bounds: 399, 7, 153, 221
|
||||||
|
rotate: 90
|
||||||
|
|
||||||
|
snowglobe-pma_5.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
pma: true
|
||||||
|
scale: 0.5
|
||||||
|
body
|
||||||
|
bounds: 710, 569, 139, 151
|
||||||
|
globe-base-back
|
||||||
|
bounds: 2, 2, 606, 258
|
||||||
|
globe-base-front
|
||||||
|
bounds: 2, 262, 706, 458
|
||||||
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 673 KiB |
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma_2.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 784 KiB |
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma_3.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma_3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 400 KiB |
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma_4.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma_4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 240 KiB |
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma_5.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pma_5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 392 KiB |
2911
spine-ts/spine-phaser/example/assets/snowglobe-pro.json
Normal file
2911
spine-ts/spine-phaser/example/assets/snowglobe-pro.json
Normal file
File diff suppressed because it is too large
Load Diff
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pro.skel
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe-pro.skel
Normal file
Binary file not shown.
205
spine-ts/spine-phaser/example/assets/snowglobe.atlas
Normal file
205
spine-ts/spine-phaser/example/assets/snowglobe.atlas
Normal file
@ -0,0 +1,205 @@
|
|||||||
|
snowglobe.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
scale: 0.5
|
||||||
|
arm-down-r
|
||||||
|
bounds: 884, 129, 76, 53
|
||||||
|
arm-up-l
|
||||||
|
bounds: 718, 23, 49, 114
|
||||||
|
rotate: 90
|
||||||
|
arm-up-r
|
||||||
|
bounds: 867, 69, 58, 104
|
||||||
|
rotate: 90
|
||||||
|
blue-present-base
|
||||||
|
bounds: 884, 883, 126, 139
|
||||||
|
eye-reflex-l
|
||||||
|
bounds: 991, 347, 12, 13
|
||||||
|
eye-reflex-r
|
||||||
|
bounds: 867, 129, 10, 12
|
||||||
|
rotate: 90
|
||||||
|
eye-white-l
|
||||||
|
bounds: 987, 697, 35, 43
|
||||||
|
eye-white-r
|
||||||
|
bounds: 560, 2, 34, 48
|
||||||
|
eyelashes-l
|
||||||
|
bounds: 982, 2, 32, 40
|
||||||
|
gift-base
|
||||||
|
bounds: 884, 335, 125, 105
|
||||||
|
rotate: 90
|
||||||
|
gift-decoration
|
||||||
|
bounds: 518, 2, 48, 40
|
||||||
|
rotate: 90
|
||||||
|
globe-borders
|
||||||
|
bounds: 2, 141, 880, 881
|
||||||
|
glove-l
|
||||||
|
bounds: 982, 44, 40, 61
|
||||||
|
glove-shadow-l
|
||||||
|
bounds: 991, 403, 28, 57
|
||||||
|
glove-shadow-r
|
||||||
|
bounds: 960, 204, 38, 62
|
||||||
|
rotate: 90
|
||||||
|
green-present-base
|
||||||
|
bounds: 138, 13, 126, 139
|
||||||
|
rotate: 90
|
||||||
|
hair-front
|
||||||
|
bounds: 884, 590, 150, 101
|
||||||
|
rotate: 90
|
||||||
|
hair-side
|
||||||
|
bounds: 995, 574, 27, 53
|
||||||
|
hair-strand-2
|
||||||
|
bounds: 987, 629, 26, 66
|
||||||
|
hair-strand-5
|
||||||
|
bounds: 690, 7, 25, 47
|
||||||
|
hair-strand-6
|
||||||
|
bounds: 995, 507, 14, 35
|
||||||
|
head-base
|
||||||
|
bounds: 2, 4, 134, 135
|
||||||
|
leg-down-l
|
||||||
|
bounds: 596, 3, 92, 51
|
||||||
|
leg-up-l
|
||||||
|
bounds: 718, 74, 65, 147
|
||||||
|
rotate: 90
|
||||||
|
leg-up-l-fuzzy
|
||||||
|
bounds: 834, 2, 73, 65
|
||||||
|
leg-up-r
|
||||||
|
bounds: 576, 56, 83, 140
|
||||||
|
rotate: 90
|
||||||
|
leg-up-r-fuzzy
|
||||||
|
bounds: 909, 2, 65, 71
|
||||||
|
rotate: 90
|
||||||
|
mouth
|
||||||
|
bounds: 991, 362, 39, 13
|
||||||
|
rotate: 90
|
||||||
|
neck-scarf
|
||||||
|
bounds: 279, 25, 142, 114
|
||||||
|
nose
|
||||||
|
bounds: 995, 488, 17, 14
|
||||||
|
rotate: 90
|
||||||
|
nose-shadow
|
||||||
|
bounds: 299, 8, 15, 15
|
||||||
|
red-present-base
|
||||||
|
bounds: 884, 742, 126, 139
|
||||||
|
scarf-end-l
|
||||||
|
bounds: 884, 462, 126, 109
|
||||||
|
rotate: 90
|
||||||
|
scarf-end-r
|
||||||
|
bounds: 423, 52, 151, 87
|
||||||
|
scarf-ribbon-middle-r
|
||||||
|
bounds: 960, 244, 62, 89
|
||||||
|
scarf-shadow
|
||||||
|
bounds: 884, 184, 149, 74
|
||||||
|
rotate: 90
|
||||||
|
shoe-l
|
||||||
|
bounds: 973, 107, 49, 95
|
||||||
|
shoe-r
|
||||||
|
bounds: 423, 6, 44, 93
|
||||||
|
rotate: 90
|
||||||
|
shoelace
|
||||||
|
bounds: 279, 2, 21, 18
|
||||||
|
rotate: 90
|
||||||
|
snow
|
||||||
|
bounds: 995, 544, 27, 28
|
||||||
|
string
|
||||||
|
bounds: 138, 6, 5, 53
|
||||||
|
rotate: 90
|
||||||
|
|
||||||
|
snowglobe_2.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
scale: 0.5
|
||||||
|
arm-down-l
|
||||||
|
bounds: 884, 579, 56, 54
|
||||||
|
arm-down-l-fuzzy
|
||||||
|
bounds: 884, 635, 57, 59
|
||||||
|
arm-down-r-fuzzy
|
||||||
|
bounds: 884, 696, 61, 66
|
||||||
|
blue-present-decoration
|
||||||
|
bounds: 884, 216, 41, 40
|
||||||
|
green-present-decoration
|
||||||
|
bounds: 884, 216, 41, 40
|
||||||
|
ear-l
|
||||||
|
bounds: 884, 527, 55, 50
|
||||||
|
ear-r
|
||||||
|
bounds: 291, 94, 45, 66
|
||||||
|
rotate: 90
|
||||||
|
eyelashes-r
|
||||||
|
bounds: 2, 2, 32, 47
|
||||||
|
rotate: 90
|
||||||
|
globe-texture-strong
|
||||||
|
bounds: 2, 141, 880, 881
|
||||||
|
glove-fingers-l
|
||||||
|
bounds: 884, 361, 39, 51
|
||||||
|
glove-fingers-r
|
||||||
|
bounds: 884, 469, 41, 56
|
||||||
|
glove-r
|
||||||
|
bounds: 76, 36, 44, 65
|
||||||
|
rotate: 90
|
||||||
|
hair-strand-1
|
||||||
|
bounds: 359, 102, 37, 65
|
||||||
|
rotate: 90
|
||||||
|
hair-strand-3
|
||||||
|
bounds: 884, 414, 40, 53
|
||||||
|
hair-strand-4
|
||||||
|
bounds: 939, 893, 37, 69
|
||||||
|
iris-l
|
||||||
|
bounds: 884, 173, 40, 41
|
||||||
|
iris-r
|
||||||
|
bounds: 143, 39, 40, 41
|
||||||
|
leg-down-r
|
||||||
|
bounds: 2, 36, 72, 103
|
||||||
|
pupil-l
|
||||||
|
bounds: 51, 2, 32, 32
|
||||||
|
pupil-r
|
||||||
|
bounds: 85, 2, 32, 32
|
||||||
|
red-present-decoration
|
||||||
|
bounds: 426, 99, 41, 40
|
||||||
|
scarf-pompom-l
|
||||||
|
bounds: 884, 309, 50, 46
|
||||||
|
rotate: 90
|
||||||
|
scarf-pompom-r
|
||||||
|
bounds: 884, 258, 49, 47
|
||||||
|
rotate: 90
|
||||||
|
scarf-ribbon-bottom-l
|
||||||
|
bounds: 884, 856, 106, 53
|
||||||
|
rotate: 90
|
||||||
|
scarf-ribbon-bottom-r
|
||||||
|
bounds: 76, 82, 105, 57
|
||||||
|
scarf-ribbon-middle-l
|
||||||
|
bounds: 884, 764, 63, 90
|
||||||
|
scarf-ribbon-top-l
|
||||||
|
bounds: 884, 964, 105, 58
|
||||||
|
scarf-ribbon-top-r
|
||||||
|
bounds: 183, 86, 106, 53
|
||||||
|
|
||||||
|
snowglobe_3.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
scale: 0.5
|
||||||
|
globe-texture
|
||||||
|
bounds: 2, 2, 880, 881
|
||||||
|
|
||||||
|
snowglobe_4.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
scale: 0.5
|
||||||
|
elf-shadow
|
||||||
|
bounds: 2, 2, 395, 158
|
||||||
|
globe-reflections
|
||||||
|
bounds: 2, 162, 646, 835
|
||||||
|
globe-shadow
|
||||||
|
bounds: 650, 77, 920, 366
|
||||||
|
rotate: 90
|
||||||
|
hat
|
||||||
|
bounds: 399, 7, 153, 221
|
||||||
|
rotate: 90
|
||||||
|
|
||||||
|
snowglobe_5.png
|
||||||
|
size: 1024, 1024
|
||||||
|
filter: Linear, Linear
|
||||||
|
scale: 0.5
|
||||||
|
body
|
||||||
|
bounds: 710, 569, 139, 151
|
||||||
|
globe-base-back
|
||||||
|
bounds: 2, 2, 606, 258
|
||||||
|
globe-base-front
|
||||||
|
bounds: 2, 262, 706, 458
|
||||||
BIN
spine-ts/spine-phaser/example/assets/snowglobe.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
spine-ts/spine-phaser/example/assets/snowglobe_2.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1009 KiB |
BIN
spine-ts/spine-phaser/example/assets/snowglobe_3.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe_3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 537 KiB |
BIN
spine-ts/spine-phaser/example/assets/snowglobe_4.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe_4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 517 KiB |
BIN
spine-ts/spine-phaser/example/assets/snowglobe_5.png
Normal file
BIN
spine-ts/spine-phaser/example/assets/snowglobe_5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 403 KiB |
53
spine-ts/spine-phaser/example/physics.html
Normal file
53
spine-ts/spine-phaser/example/physics.html
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
|
||||||
|
<script src="../dist/iife/spine-phaser.js"></script>
|
||||||
|
<link rel="stylesheet" href="../../index.css" />
|
||||||
|
<title>Spine Phaser Example</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="p-4 flex flex-col items-center">
|
||||||
|
<h1>Physics example</h1>
|
||||||
|
</body>
|
||||||
|
<script>
|
||||||
|
class BasicExample extends Phaser.Scene {
|
||||||
|
preload() {
|
||||||
|
this.load.spineBinary("sack-data", "assets/sack-pro.skel");
|
||||||
|
this.load.spineAtlas("sack-atlas", "assets/sack.atlas");
|
||||||
|
}
|
||||||
|
|
||||||
|
create() {
|
||||||
|
const gameObject = this.add.spine(
|
||||||
|
275,
|
||||||
|
500,
|
||||||
|
"sack-data",
|
||||||
|
"sack-atlas"
|
||||||
|
);
|
||||||
|
gameObject.displayWidth = 150;
|
||||||
|
gameObject.displayHeight = (gameObject.height / gameObject.width) * 150;
|
||||||
|
gameObject.animationState.setAnimation(0, "cape-follow-example", true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
new Phaser.Game({
|
||||||
|
type: Phaser.AUTO,
|
||||||
|
width: 800,
|
||||||
|
height: 600,
|
||||||
|
type: Phaser.WEBGL,
|
||||||
|
scene: [BasicExample],
|
||||||
|
plugins: {
|
||||||
|
scene: [
|
||||||
|
{
|
||||||
|
key: "spine.SpinePlugin",
|
||||||
|
plugin: spine.SpinePlugin,
|
||||||
|
mapping: "spine",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
69
spine-ts/spine-phaser/example/physics2.html
Normal file
69
spine-ts/spine-phaser/example/physics2.html
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
|
||||||
|
<script src="../dist/iife/spine-phaser.js"></script>
|
||||||
|
<link rel="stylesheet" href="../../index.css" />
|
||||||
|
<title>Spine Phaser Example</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="p-4 flex flex-col items-center">
|
||||||
|
<h1>Physics example 2 - Drag physics</h1>
|
||||||
|
</body>
|
||||||
|
<script>
|
||||||
|
class BasicExample extends Phaser.Scene {
|
||||||
|
preload() {
|
||||||
|
this.load.spineBinary("celestial-circus-data", "assets/celestial-circus-pro.skel");
|
||||||
|
this.load.spineAtlas("celestial-circus-atlas", "assets/celestial-circus-pma.atlas");
|
||||||
|
}
|
||||||
|
|
||||||
|
create() {
|
||||||
|
const gameObject = this.add.spine(
|
||||||
|
400,
|
||||||
|
350,
|
||||||
|
"celestial-circus-data",
|
||||||
|
"celestial-circus-atlas"
|
||||||
|
);
|
||||||
|
gameObject.setInteractive();
|
||||||
|
this.input.setDraggable(gameObject);
|
||||||
|
gameObject.displayWidth = 150;
|
||||||
|
gameObject.displayHeight = (gameObject.height / gameObject.width) * 150;
|
||||||
|
gameObject.animationState.setAnimation(0, "eyeblink-long", true);
|
||||||
|
|
||||||
|
let lastX, lastY;
|
||||||
|
gameObject.on('dragstart', (pointer, dragX, dragY) => {
|
||||||
|
lastX = gameObject.input.dragStartX;
|
||||||
|
lastY = gameObject.input.dragStartY;
|
||||||
|
})
|
||||||
|
|
||||||
|
gameObject.on('drag', (pointer, dragX, dragY) => {
|
||||||
|
gameObject.x += (dragX - lastX);
|
||||||
|
gameObject.y += (dragY - lastY);
|
||||||
|
gameObject.skeleton.physicsTranslate((dragX - lastX) / gameObject.scale, (dragY - lastY) / gameObject.scale)
|
||||||
|
lastX = dragX;
|
||||||
|
lastY = dragY;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
new Phaser.Game({
|
||||||
|
type: Phaser.AUTO,
|
||||||
|
width: 800,
|
||||||
|
height: 600,
|
||||||
|
type: Phaser.WEBGL,
|
||||||
|
scene: [BasicExample],
|
||||||
|
plugins: {
|
||||||
|
scene: [
|
||||||
|
{
|
||||||
|
key: "spine.SpinePlugin",
|
||||||
|
plugin: spine.SpinePlugin,
|
||||||
|
mapping: "spine",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
53
spine-ts/spine-phaser/example/physics3.html
Normal file
53
spine-ts/spine-phaser/example/physics3.html
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
|
||||||
|
<script src="../dist/iife/spine-phaser.js"></script>
|
||||||
|
<link rel="stylesheet" href="../../index.css" />
|
||||||
|
<title>Spine Phaser Example</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="p-4 flex flex-col items-center">
|
||||||
|
<h1>Physics example 3</h1>
|
||||||
|
</body>
|
||||||
|
<script>
|
||||||
|
class BasicExample extends Phaser.Scene {
|
||||||
|
preload() {
|
||||||
|
this.load.spineBinary("snowglobe-data", "assets/snowglobe-pro.skel");
|
||||||
|
this.load.spineAtlas("snowglobe-atlas", "assets/snowglobe.atlas");
|
||||||
|
}
|
||||||
|
|
||||||
|
create() {
|
||||||
|
const gameObject = this.add.spine(
|
||||||
|
400,
|
||||||
|
450,
|
||||||
|
"snowglobe-data",
|
||||||
|
"snowglobe-atlas"
|
||||||
|
);
|
||||||
|
gameObject.displayWidth = 300;
|
||||||
|
gameObject.displayHeight = (gameObject.height / gameObject.width) * 300;
|
||||||
|
gameObject.animationState.setAnimation(0, "shake", true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
new Phaser.Game({
|
||||||
|
type: Phaser.AUTO,
|
||||||
|
width: 800,
|
||||||
|
height: 600,
|
||||||
|
type: Phaser.WEBGL,
|
||||||
|
scene: [BasicExample],
|
||||||
|
plugins: {
|
||||||
|
scene: [
|
||||||
|
{
|
||||||
|
key: "spine.SpinePlugin",
|
||||||
|
plugin: spine.SpinePlugin,
|
||||||
|
mapping: "spine",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
53
spine-ts/spine-phaser/example/physics4.html
Normal file
53
spine-ts/spine-phaser/example/physics4.html
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<script src="//cdn.jsdelivr.net/npm/phaser@3.60.0/dist/phaser.js"></script>
|
||||||
|
<script src="../dist/iife/spine-phaser.js"></script>
|
||||||
|
<link rel="stylesheet" href="../../index.css" />
|
||||||
|
<title>Spine Phaser Example</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="p-4 flex flex-col items-center">
|
||||||
|
<h1>Physics example 4</h1>
|
||||||
|
</body>
|
||||||
|
<script>
|
||||||
|
class BasicExample extends Phaser.Scene {
|
||||||
|
preload() {
|
||||||
|
this.load.spineBinary("cloud-pot-data", "assets/cloud-pot.skel");
|
||||||
|
this.load.spineAtlas("cloud-pot-atlas", "assets/cloud-pot.atlas");
|
||||||
|
}
|
||||||
|
|
||||||
|
create() {
|
||||||
|
const gameObject = this.add.spine(
|
||||||
|
400,
|
||||||
|
450,
|
||||||
|
"cloud-pot-data",
|
||||||
|
"cloud-pot-atlas"
|
||||||
|
);
|
||||||
|
gameObject.displayWidth = 200;
|
||||||
|
gameObject.displayHeight = (gameObject.height / gameObject.width) * 200;
|
||||||
|
gameObject.animationState.setAnimation(0, "playing-in-the-rain", true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
new Phaser.Game({
|
||||||
|
type: Phaser.AUTO,
|
||||||
|
width: 800,
|
||||||
|
height: 600,
|
||||||
|
type: Phaser.WEBGL,
|
||||||
|
scene: [BasicExample],
|
||||||
|
plugins: {
|
||||||
|
scene: [
|
||||||
|
{
|
||||||
|
key: "spine.SpinePlugin",
|
||||||
|
plugin: spine.SpinePlugin,
|
||||||
|
mapping: "spine",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
@ -140,8 +140,10 @@ export class SkinsAndAnimationBoundsProvider
|
|||||||
animationState.setAnimationWith(0, animation, false);
|
animationState.setAnimationWith(0, animation, false);
|
||||||
const steps = Math.max(animation.duration / this.timeStep, 1.0);
|
const steps = Math.max(animation.duration / this.timeStep, 1.0);
|
||||||
for (let i = 0; i < steps; i++) {
|
for (let i = 0; i < steps; i++) {
|
||||||
animationState.update(i > 0 ? this.timeStep : 0);
|
const delta = i > 0 ? this.timeStep : 0;
|
||||||
|
animationState.update(delta);
|
||||||
animationState.apply(skeleton);
|
animationState.apply(skeleton);
|
||||||
|
skeleton.update(delta);
|
||||||
skeleton.updateWorldTransform(Physics.update);
|
skeleton.updateWorldTransform(Physics.update);
|
||||||
|
|
||||||
const bounds = skeleton.getBoundsRect();
|
const bounds = skeleton.getBoundsRect();
|
||||||
@ -284,6 +286,7 @@ export class SpineGameObject extends DepthMixin(
|
|||||||
this.animationState.update(delta / 1000);
|
this.animationState.update(delta / 1000);
|
||||||
this.animationState.apply(this.skeleton);
|
this.animationState.apply(this.skeleton);
|
||||||
this.beforeUpdateWorldTransforms(this);
|
this.beforeUpdateWorldTransforms(this);
|
||||||
|
this.skeleton.update(delta / 1000);
|
||||||
this.skeleton.updateWorldTransform(Physics.update);
|
this.skeleton.updateWorldTransform(Physics.update);
|
||||||
this.afterUpdateWorldTransforms(this);
|
this.afterUpdateWorldTransforms(this);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -58,10 +58,9 @@
|
|||||||
app.stage.on("pointermove", (e) => {
|
app.stage.on("pointermove", (e) => {
|
||||||
if (isDragging) {
|
if (isDragging) {
|
||||||
let mousePosition = new spine.Vector2(e.data.global.x, e.data.global.y);
|
let mousePosition = new spine.Vector2(e.data.global.x, e.data.global.y);
|
||||||
|
girl.x += mousePosition.x - lastX;
|
||||||
girl.skeleton.x += mousePosition.x - lastX;
|
girl.y += mousePosition.y - lastY;
|
||||||
girl.skeleton.y += mousePosition.y - lastY;
|
girl.skeleton.physicsTranslate(mousePosition.x - lastX, mousePosition.y - lastY);
|
||||||
|
|
||||||
lastX = mousePosition.x;
|
lastX = mousePosition.x;
|
||||||
lastY = mousePosition.y;
|
lastY = mousePosition.y;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user