Hello everyone! I'm currently stuck in a conundrum, I have exported multiple Json animations and used TexturePacker to pack all of the assets used in the animations in to one PNG and Atlas file, but when I load any the animations in the game it shows a weird mix of all of the assets broken up, even assets that don't exist in the animation it call them from the other assets. Any idea or suggestion on how to fix this would be greatly appreciated!
Eddit: I'm using spine ver. 4.1
Json calls for pngs that are not in the animation
It sounds like the issue you're encountering is due to a mismatch between the images referenced in your JSON files and the images included in your atlas. Here are a few steps to troubleshoot and potentially resolve the issue:
Ensure Consistency Between JSON and Atlas: Make sure that the images referenced in your JSON files match exactly with those in your atlas. If there are discrepancies, the animation may display incorrectly. Re-exporting the JSON and atlas files together can help ensure consistency.
Check Folder Structure: Verify that the folder structure of your attachment images matches the structure expected by the JSON files. If the paths differ, the animation may not find the correct images.
Re-export All Assets: Sometimes, re-exporting all assets (JSON, PNG, and atlas) can resolve issues caused by mismatched or outdated files. Ensure that the
Create atlas
option is checked during export.Separate Texture Packer Run: If you are using the texture packer separately from the JSON export, ensure that all images used in the animations are included in the texture packer input. Running the texture packer separately can sometimes help in including all necessary images.
Check for Unused Images: If your JSON files reference images that are not used in the animations, it might be helpful to run the texture packer separately to include all images. This can be done by not using the packing setting when exporting your JSON and running the texture packer manually.
Verify Atlas Settings: Ensure that your atlas settings (such as max width/height and scale) are configured correctly to fit all images on a single page if needed. Adjusting these settings can help in packing all images correctly.
Here are some relevant links and tips from the context provided:
- Texture packing - Spine User Guide: Packing during data export
- Ensure that the
Create atlas
option is checked when exporting JSON or binary. - If you encounter issues with missing images, consider running the texture packer separately from the JSON export.
By following these steps, you should be able to resolve the issue of mismatched or missing images in your animations.
Spinebot I tried everything on the list but I don't get any results, I managed to get one of the animations to work but not the rest.
Vgrigorova I have exported multiple Json animations
I assume that by "Json animations" you mean you skeletons in Json format, right? Please note that a skeleton contains multiple animations.
Which runtime (game toolkit) are you using?
How are you loading the assets? Please share the respective code, and if possible provide screenshots showing what you expect to see and what you see instead.
- Изменено
Harald Hello! yes I mean the skeleton in a Json format, I'm using Pixi JS to run the animation.
At the moment I'm running in to another issue which it an error of "region not found in atlas: spl (region attachment spl)", this region is present in the atlas but it seems like it's not reading it, I'm sharing the error and the code bellow:
**Error:**
[Loader.load] Failed to load http://localhost:8080/assets/spine-assets/pear.json.
Error: Region not found in atlas: spl (region attachment: spl)
Error: [Loader.load] Failed to load http://localhost:8080/assets/spine-assets/pear.json.
Error: Region not found in atlas: spl (region attachment: spl)
at http://localhost:8080/vendors-node_modules_mini-css-extract-plugin_dist_hmr_hotModuleReplacement_js-node_modules_pi-f2ccb2.js:27440:74
at async Promise.all (index 0)
at async Loader.load (http://localhost:8080/vendors-node_modules_mini-css-extract-plugin_dist_hmr_hotModuleReplacement_js-node_modules_pi-f2ccb2.js:27444:12)
at async AssetsClass._mapLoadToResolve (http://localhost:8080/vendors-node_modules_mini-css-extract-plugin_dist_hmr_hotModuleReplacement_js-node_modules_pi-f2ccb2.js:26739:26)
at async Promise.all (index 1)
at async AssetsClass.loadBundle (http://localhost:8080/vendors-node_modules_mini-css-extract-plugin_dist_hmr_hotModuleReplacement_js-node_modules_pi-f2ccb2.js:26661:12)
at async loadGameAssets (http://localhost:8080/main.js:87:5)
at async __webpack_modules__../src/index.ts.window.onload (http://localhost:8080/main.js:48:5)
Atlas:
symbols.png
size: 2023,2021
format: RGBA8888
filter: Linear,Linear
repeat: none
apple base
rotate: false
xy: 952, 753
size: 213, 194
orig: 213, 194
offset: 0, 0
index: -1
back
rotate: false
xy: 1500, 291
size: 303, 67
orig: 303, 67
offset: 0, 0
index: -1
background
rotate: false
xy: 151, 1143
size: 280, 280
orig: 280, 280
offset: 0, 0
index: -1
banan
rotate: true
xy: 760, 914
size: 209, 190
orig: 209, 190
offset: 0, 0
index: -1
banana copy
rotate: false
xy: 1735, 1078
size: 93, 94
orig: 93, 94
offset: 0, 0
index: -1
banana
rotate: false
xy: 766, 1337
size: 186, 188
orig: 186, 188
offset: 0, 0
index: -1
banana_cut_inner
rotate: false
xy: 1906, 297
size: 104, 175
orig: 104, 175
offset: 0, 0
index: -1
banana_cut_outer
rotate: true
xy: 1539, 1730
size: 149, 120
orig: 149, 120
offset: 0, 0
index: -1
base copy
rotate: false
xy: 951, 1144
size: 211, 186
orig: 211, 186
offset: 0, 0
index: -1
base
rotate: false
xy: 1, 1531
size: 144, 430
orig: 144, 430
offset: 0, 0
index: -1
bbl
rotate: false
xy: 176, 895
size: 300, 246
orig: 300, 246
offset: 0, 0
index: -1
bowl
rotate: true
xy: 828, 385
size: 333, 130
orig: 333, 130
offset: 0, 0
index: -1
cut_1
rotate: false
xy: 960, 588
size: 262, 163
orig: 262, 163
offset: 0, 0
index: -1
cut_2
rotate: false
xy: 147, 1853
size: 302, 167
orig: 302, 167
offset: 0, 0
index: -1
cut_3
rotate: false
xy: 151, 1425
size: 280, 212
orig: 280, 212
offset: 0, 0
index: -1
dragon_fruit
rotate: false
xy: 1080, 1534
size: 187, 186
orig: 187, 186
offset: 0, 0
index: -1
dragon_fruit_cut_inner
rotate: true
xy: 1559, 971
size: 177, 174
orig: 177, 174
offset: 0, 0
index: -1
dragon_fruit_cut_outer
rotate: true
xy: 1394, 1730
size: 134, 143
orig: 134, 143
offset: 0, 0
index: -1
dragonfruit base
rotate: false
xy: 960, 322
size: 261, 264
orig: 261, 264
offset: 0, 0
index: -1
exp00
rotate: false
xy: 1664, 1386
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp01
rotate: false
xy: 1670, 1478
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp02
rotate: false
xy: 1670, 1570
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp03
rotate: false
xy: 1673, 1662
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp04
rotate: false
xy: 1661, 1754
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp05
rotate: false
xy: 1773, 1320
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp06
rotate: false
xy: 1865, 1315
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp07
rotate: false
xy: 1762, 1478
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp08
rotate: false
xy: 1762, 1570
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp09
rotate: false
xy: 1765, 1662
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp10
rotate: false
xy: 1753, 1754
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp11
rotate: false
xy: 1745, 1846
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp12
rotate: false
xy: 1845, 1754
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp13
rotate: false
xy: 1837, 1846
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp14
rotate: false
xy: 1929, 1846
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp15
rotate: false
xy: 1865, 1407
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp16
rotate: false
xy: 1854, 1499
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
exp17
rotate: false
xy: 1857, 1657
size: 90, 90
orig: 90, 90
offset: 0, 0
index: -1
frame
rotate: false
xy: 176, 1
size: 358, 892
orig: 358, 892
offset: 0, 0
index: -1
frame_drop_shadow
rotate: false
xy: 1677, 1174
size: 145, 144
orig: 145, 144
offset: 0, 0
index: -1
frame_shadow
rotate: false
xy: 1, 1092
size: 148, 437
orig: 148, 437
offset: 0, 0
index: -1
frameg
rotate: false
xy: 1500, 1
size: 303, 288
orig: 303, 288
offset: 0, 0
index: -1
fruits_dropshadow
rotate: true
xy: 825, 720
size: 163, 125
orig: 163, 125
offset: 0, 0
index: -1
ID_01_base copy
rotate: false
xy: 1906, 623
size: 110, 100
orig: 110, 100
offset: 0, 0
index: -1
ID_01_inside_half
rotate: false
xy: 1269, 1534
size: 140, 189
orig: 140, 189
offset: 0, 0
index: -1
ID_01_outside_half
rotate: false
xy: 937, 1893
size: 148, 124
orig: 148, 124
offset: 0, 0
index: -1
ID_02_inside_half
rotate: true
xy: 1380, 982
size: 189, 177
orig: 189, 177
offset: 0, 0
index: -1
ID_02_outside_half
rotate: true
xy: 1367, 1176
size: 164, 165
orig: 164, 165
offset: 0, 0
index: -1
ID_03.5_base copy
rotate: false
xy: 1167, 785
size: 213, 194
orig: 213, 194
offset: 0, 0
index: -1
ID_03.5_inside_half
rotate: true
xy: 766, 1125
size: 210, 183
orig: 210, 183
offset: 0, 0
index: -1
ID_03.5_outside_half
rotate: true
xy: 1534, 1190
size: 150, 141
orig: 150, 141
offset: 0, 0
index: -1
ID_03_base
rotate: false
xy: 1224, 583
size: 237, 200
orig: 237, 200
offset: 0, 0
index: -1
ID_03_basecopy
rotate: true
xy: 761, 1708
size: 125, 106
orig: 125, 106
offset: 0, 0
index: -1
ID_03_inside_halfp
rotate: true
xy: 1715, 360
size: 223, 189
orig: 223, 189
offset: 0, 0
index: -1
ID_03_outside_half
rotate: true
xy: 595, 1708
size: 140, 164
orig: 140, 164
offset: 0, 0
index: -1
ID_04_basecopy
rotate: false
xy: 1248, 1725
size: 144, 141
orig: 144, 141
offset: 0, 0
index: -1
ID_04_outside_half
rotate: true
xy: 683, 1527
size: 179, 197
orig: 179, 197
offset: 0, 0
index: -1
ID_05_outside_half
rotate: false
xy: 1382, 785
size: 169, 195
orig: 169, 195
offset: 0, 0
index: -1
ID_05glow
rotate: false
xy: 1610, 585
size: 171, 177
orig: 171, 177
offset: 0, 0
index: -1
ID_06_base copy
rotate: false
xy: 1213, 1881
size: 137, 139
orig: 137, 139
offset: 0, 0
index: -1
ID_06_inside_half
rotate: false
xy: 433, 1445
size: 248, 243
orig: 248, 243
offset: 0, 0
index: -1
ID_06_outside_half
rotate: false
xy: 1156, 1342
size: 196, 190
orig: 196, 190
offset: 0, 0
index: -1
ID_06glow
rotate: false
xy: 1553, 785
size: 182, 184
orig: 182, 184
offset: 0, 0
index: -1
ID_7_base copy
rotate: false
xy: 536, 385
size: 290, 319
orig: 290, 319
offset: 0, 0
index: -1
ID_7_base
rotate: false
xy: 916, 1
size: 290, 319
orig: 290, 319
offset: 0, 0
index: -1
ID_07_inside_half
rotate: false
xy: 147, 1639
size: 280, 212
orig: 280, 212
offset: 0, 0
index: -1
ID_07_outside_half
rotate: false
xy: 478, 914
size: 280, 260
orig: 280, 260
offset: 0, 0
index: -1
ID_07glow
rotate: false
xy: 536, 1
size: 378, 382
orig: 378, 382
offset: 0, 0
index: -1
ID_08_glow
rotate: false
xy: 1477, 360
size: 236, 216
orig: 236, 216
offset: 0, 0
index: -1
katana
rotate: false
xy: 1, 1
size: 173, 1089
orig: 173, 1089
offset: 0, 0
index: -1
katana_shadow
rotate: false
xy: 708, 1176
size: 56, 323
orig: 56, 323
offset: 0, 0
index: -1
Layer 4
rotate: false
xy: 1223, 322
size: 252, 259
orig: 252, 259
offset: 0, 0
index: -1
lime copy
rotate: false
xy: 1946, 1499
size: 76, 66
orig: 76, 66
offset: 0, 0
index: -1
lime
rotate: false
xy: 1830, 964
size: 151, 131
orig: 151, 131
offset: 0, 0
index: -1
lime_cut_inner
rotate: true
xy: 1087, 1884
size: 126, 124
orig: 126, 124
offset: 0, 0
index: -1
lime_cut_outer
rotate: false
xy: 1783, 585
size: 121, 128
orig: 121, 128
offset: 0, 0
index: -1
orange inside
rotate: true
xy: 1411, 1534
size: 194, 164
orig: 194, 164
offset: 0, 0
index: -1
orange outer
rotate: true
xy: 1477, 1881
size: 125, 142
orig: 125, 142
offset: 0, 0
index: -1
orange
rotate: false
xy: 1164, 1176
size: 201, 164
orig: 201, 164
offset: 0, 0
index: -1
pineapple base
rotate: false
xy: 433, 1176
size: 273, 267
orig: 273, 267
offset: 0, 0
index: -1
pineapple copy
rotate: false
xy: 1906, 474
size: 104, 147
orig: 104, 147
offset: 0, 0
index: -1
pineapple
rotate: false
xy: 1805, 1
size: 208, 294
orig: 208, 294
offset: 0, 0
index: -1
pineapple_cut_inner
rotate: true
xy: 536, 706
size: 206, 287
orig: 206, 287
offset: 0, 0
index: -1
pineapple_cut_outer
rotate: true
xy: 1354, 1342
size: 190, 152
orig: 190, 152
offset: 0, 0
index: -1
pomegrane_particles
rotate: true
xy: 433, 1143
size: 31, 34
orig: 31, 34
offset: 0, 0
index: -1
scatter copy
rotate: false
xy: 1830, 725
size: 152, 144
orig: 152, 144
offset: 0, 0
index: -1
shine
rotate: false
xy: 954, 1332
size: 200, 200
orig: 200, 200
offset: 0, 0
index: -1
spl
rotate: false
xy: 785, 1893
size: 150, 123
orig: 150, 123
offset: 0, 0
index: -1
spl2
rotate: false
xy: 1824, 1190
size: 150, 123
orig: 150, 123
offset: 0, 0
index: -1
spl3
rotate: true
xy: 1352, 1868
size: 150, 123
orig: 150, 123
offset: 0, 0
index: -1
strawberry copy
rotate: true
xy: 451, 1853
size: 167, 165
orig: 167, 165
offset: 0, 0
index: -1
strawberry
rotate: true
xy: 618, 1850
size: 167, 165
orig: 167, 165
offset: 0, 0
index: -1
strawberry_cut_inner
rotate: true
xy: 429, 1690
size: 161, 164
orig: 161, 164
offset: 0, 0
index: -1
strawberry_cut_outer
rotate: false
xy: 1621, 1881
size: 122, 123
orig: 122, 123
offset: 0, 0
index: -1
Swish2_000
rotate: false
xy: 1577, 1507
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_001
rotate: false
xy: 1577, 1507
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_002
rotate: false
xy: 1737, 764
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_003
rotate: false
xy: 1737, 764
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_004
rotate: true
xy: 1830, 871
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_005
rotate: true
xy: 1830, 871
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_006
rotate: false
xy: 1737, 921
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_007
rotate: false
xy: 1737, 921
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_008
rotate: true
xy: 1830, 1097
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_009
rotate: true
xy: 1830, 1097
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_010
rotate: false
xy: 1062, 1727
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_011
rotate: false
xy: 1062, 1727
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_012
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_013
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_014
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_015
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_016
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_017
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_018
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_019
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_020
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_021
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_022
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish2_023
rotate: false
xy: 1155, 1722
size: 91, 155
orig: 91, 155
offset: 0, 0
index: -1
Swish_0000
rotate: false
xy: 1508, 1507
size: 14, 25
orig: 14, 25
offset: 0, 0
index: -1
Swish_0001
rotate: false
xy: 1508, 1507
size: 14, 25
orig: 14, 25
offset: 0, 0
index: -1
Swish_0002
rotate: false
xy: 1, 1963
size: 35, 32
orig: 35, 32
offset: 0, 0
index: -1
Swish_0003
rotate: false
xy: 1, 1963
size: 35, 32
orig: 35, 32
offset: 0, 0
index: -1
Swish_0004
rotate: true
xy: 1937, 1938
size: 72, 80
orig: 72, 80
offset: 0, 0
index: -1
Swish_0005
rotate: true
xy: 1937, 1938
size: 72, 80
orig: 72, 80
offset: 0, 0
index: -1
Swish_0006
rotate: true
xy: 785, 1835
size: 56, 54
orig: 56, 54
offset: 0, 0
index: -1
Swish_0007
rotate: true
xy: 785, 1835
size: 56, 54
orig: 56, 54
offset: 0, 0
index: -1
Swish_0008
rotate: true
xy: 916, 322
size: 61, 29
orig: 61, 29
offset: 0, 0
index: -1
Swish_0009
rotate: true
xy: 916, 322
size: 61, 29
orig: 61, 29
offset: 0, 0
index: -1
Swish_0010
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0011
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0012
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0013
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0014
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0015
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0016
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0017
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0018
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0019
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0020
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
Swish_0021
rotate: false
xy: 882, 1534
size: 196, 191
orig: 196, 191
offset: 0, 0
index: -1
SwishPower_000
rotate: true
xy: 1577, 1664
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_001
rotate: true
xy: 1577, 1664
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_002
rotate: true
xy: 1677, 1320
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_003
rotate: true
xy: 1677, 1320
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_004
rotate: true
xy: 1756, 1412
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_005
rotate: true
xy: 1756, 1412
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_006
rotate: true
xy: 1745, 1938
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_007
rotate: true
xy: 1745, 1938
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_008
rotate: false
xy: 1957, 1315
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_009
rotate: false
xy: 1957, 1315
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_010
rotate: true
xy: 1841, 1938
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_011
rotate: true
xy: 1841, 1938
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_012
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_013
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_014
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_015
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_016
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_017
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_018
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_019
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_020
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_021
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_022
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
SwishPower_023
rotate: true
xy: 1854, 1591
size: 64, 94
orig: 64, 94
offset: 0, 0
index: -1
w
rotate: false
xy: 1463, 623
size: 145, 160
orig: 145, 160
offset: 0, 0
index: -1
watermelon base copy
rotate: false
xy: 952, 949
size: 212, 193
orig: 212, 193
offset: 0, 0
index: -1
watermelon base
rotate: false
xy: 1166, 981
size: 212, 193
orig: 212, 193
offset: 0, 0
index: -1
watermelon inside
rotate: false
xy: 869, 1727
size: 191, 164
orig: 191, 164
offset: 0, 0
index: -1
watermelon outer
rotate: true
xy: 1508, 1342
size: 163, 154
orig: 163, 154
offset: 0, 0
index: -1
wr
rotate: false
xy: 1208, 1
size: 290, 319
orig: 290, 319
offset: 0, 0
index: -1
`
Json:
`{"skeleton":{"hash":"l7P9P+GDodc","spine":"4.1-from-4.2.29","x":-215.47,"y":-337.52,"width":372,"height":517,"images":"symbols.png","audio":"./audio"},"bones":[{"name":"root"},{"name":"fruit","parent":"root","color":"c1ff1bff","icon":"circle"},{"name":"cut1","parent":"fruit","x":64.69,"y":-28.58,"color":"c1ff1bff"},{"name":"cut2","parent":"fruit","x":-66.67,"y":30.48,"color":"c1ff1bff"},{"name":"Swish_0000","parent":"root","x":-32.34,"y":21.22},{"name":"base copy","parent":"fruit","x":4.21,"y":2.54,"color":"c1ff1bff"},{"name":"spl","parent":"root","x":1.42,"y":-7.67},{"name":"bbl","parent":"root","x":6.47,"y":-9.14},{"name":"Swish_0001","parent":"root","x":-32.34,"y":21.22,"scaleX":-1},{"name":"SwishPower_000","parent":"root","x":-108.97,"y":-26.82,"scaleY":-1},{"name":"Swish2_000","parent":"root","x":-35.2,"y":-79.02},{"name":"bbl2","parent":"root","x":6.47,"y":-9.14},{"name":"bbl3","parent":"root","x":6.47,"y":-9.14},{"name":"Swish2_001","parent":"root","x":-35.2,"y":-79.02}],"slots":[{"name":"spl","bone":"spl","attachment":"spl3"},{"name":"cut2","bone":"cut2"},{"name":"cut1","bone":"cut1"},{"name":"fruitbase","bone":"fruit"},{"name":"base copy","bone":"base copy","blend":"additive"},{"name":"Swish_0000","bone":"Swish_0000","attachment":"Swish_0000"},{"name":"Swish_0001","bone":"Swish_0001","attachment":"Swish_0000"},{"name":"bbl","bone":"bbl","attachment":"bbl","blend":"additive"},{"name":"bbl4","bone":"bbl","attachment":"bbl","blend":"additive"},{"name":"bbl2","bone":"bbl2","attachment":"bbl","blend":"additive"},{"name":"bbl5","bone":"bbl2","attachment":"bbl","blend":"additive"},{"name":"bbl3","bone":"bbl3","attachment":"bbl","blend":"additive"},{"name":"bbl6","bone":"bbl3","attachment":"bbl","blend":"additive"},{"name":"SwishPower_000","bone":"SwishPower_000","attachment":"SwishPower_000"},{"name":"Swish2_000","bone":"Swish2_000","attachment":"Swish2_000"},{"name":"Swish2_001","bone":"Swish2_001","attachment":"Swish2_000"}],"skins":[{"name":"default","attachments":{"base copy":{"ID_03_basecopy":{"width":249,"height":211}},"bbl":{"bbl":{"rotation":0.03,"width":300,"height":246}},"bbl2":{"bbl":{"rotation":0.03,"width":300,"height":246}},"bbl3":{"bbl":{"rotation":0.03,"width":300,"height":246}},"bbl4":{"bbl":{"rotation":0.03,"width":300,"height":246}},"bbl5":{"bbl":{"rotation":0.03,"width":300,"height":246}},"bbl6":{"bbl":{"rotation":0.03,"width":300,"height":246}},"cut1":{"ID_03_outside_half":{"x":-33.32,"y":18.45,"width":140,"height":164}},"cut2":{"ID_03_inside_halfp":{"x":57.92,"y":-29.73,"width":223,"height":189}},"fruitbase":{"ID_03_base":{"x":-1.12,"y":2,"width":237,"height":200}},"spl":{"spl":{"width":300,"height":246},"spl2":{"x":16.24,"y":4.64,"rotation":90.88,"width":300,"height":246},"spl3":{"x":-27.38,"y":-22.85,"width":300,"height":246}},"Swish2_000":{"Swish2_000":{"path":"Swish2_0","width":303,"height":517,"sequence":{"count":24,"start":0,"digits":2}}},"Swish2_001":{"Swish2_000":{"path":"Swish2_0","width":303,"height":517,"sequence":{"count":24,"start":0,"digits":2}}},"SwishPower_000":{"SwishPower_000":{"path":"SwishPower_0","width":213,"height":312,"sequence":{"count":24,"start":0,"digits":2}}},"Swish_0000":{"Swish_0000":{"x":-104.89,"y":49.36,"width":47,"height":83},"Swish_0001":{"x":-104.89,"y":49.36,"width":47,"height":83},"Swish_0002":{"x":-69.39,"y":70.86,"width":116,"height":106},"Swish_0003":{"x":-69.39,"y":70.86,"width":116,"height":106},"Swish_0004":{"x":47.61,"y":-27.14,"width":240,"height":268},"Swish_0005":{"x":47.61,"y":-27.14,"width":240,"height":268},"Swish_0006":{"x":67.61,"y":-74.14,"width":186,"height":180},"Swish_0007":{"x":67.61,"y":-74.14,"width":186,"height":180},"Swish_0008":{"x":58.61,"y":-113.14,"width":202,"height":98},"Swish_0009":{"x":58.61,"y":-113.14,"width":202,"height":98}},"Swish_0001":{"Swish_0000":{"x":-104.89,"y":49.36,"width":47,"height":83},"Swish_0001":{"x":-104.89,"y":49.36,"width":47,"height":83},"Swish_0002":{"x":-69.39,"y":70.86,"width":116,"height":106},"Swish_0003":{"x":-69.39,"y":70.86,"width":116,"height":106},"Swish_0004":{"x":47.61,"y":-27.14,"width":240,"height":268},"Swish_0005":{"x":47.61,"y":-27.14,"width":240,"height":268},"Swish_0006":{"x":67.61,"y":-74.14,"width":186,"height":180},"Swish_0007":{"x":67.61,"y":-74.14,"width":186,"height":180},"Swish_0008":{"x":58.61,"y":-113.14,"width":202,"height":98},"Swish_0009":{"x":58.61,"y":-113.14,"width":202,"height":98}}}}],"animations":{"basegame/pear_win":{"slots":{"base copy":{"alpha":[{"value":0,"curve":"stepped"},{"time":0.4438,"value":0,"curve":[0.468,0.33,0.492,1]},{"time":0.5157,"value":0.9989,"curve":[0.517,1,0.518,0.33]},{"time":0.5194,"value":0}],"attachment":[{"name":"ID_03_basecopy"}]},"bbl":{"alpha":[{"value":0,"curve":"stepped"},{"time":0.413,"value":0,"curve":[0.414,0.1,0.416,0.31]},{"time":0.4167,"value":0.31149998,"curve":"stepped"},{"time":0.6087,"value":0.31149998,"curve":[0.617,0.31,0.626,0.1]},{"time":0.6346,"value":0}],"rgb":[{"color":"e4ff28"}]},"bbl2":{"alpha":[{"value":0,"curve":"stepped"},{"time":0.413,"value":0,"curve":[0.414,0.1,0.416,0.31]},{"time":0.4167,"value":0.31149998,"curve":"stepped"},{"time":0.6087,"value":0.31149998,"curve":[0.617,0.31,0.626,0.1]},{"time":0.6346,"value":0}],"rgb":[{"color":"e4ff28"}]},"bbl3":{"alpha":[{"value":0,"curve":"stepped"},{"time":0.413,"value":0,"curve":[0.414,0.1,0.416,0.31]},{"time":0.4167,"value":0.31149998,"curve":"stepped"},{"time":0.6087,"value":0.31149998,"curve":[0.617,0.31,0.626,0.1]},{"time":0.6346,"value":0}],"rgb":[{"color":"e4ff28"}]},"bbl4":{"alpha":[{"value":0}]},"bbl5":{"alpha":[{"value":0}]},"bbl6":{"alpha":[{"value":0}]},"cut1":{"attachment":[{"name":"ID_03_outside_half"}]},"cut2":{"attachment":[{"name":"ID_03_inside_halfp"}]},"fruitbase":{"alpha":[{"time":0.5389,"value":1,"curve":[0.541,1,0.543,0]},{"time":0.5448,"value":0}],"attachment":[{"name":"ID_03_base"}]},"spl":{"alpha":[{"value":0,"curve":"stepped"},{"time":0.3676,"value":0,"curve":[0.377,0.12,0.379,0.75]},{"time":0.3967,"value":0.7461,"curve":"stepped"},{"time":0.485,"value":0.7461,"curve":[0.499,0.75,0.828,0.16]},{"time":1,"value":0}],"rgb":[{"color":"feff67"}]},"Swish2_000":{"alpha":[{"value":0}]},"Swish2_001":{"alpha":[{"value":0}]},"SwishPower_000":{"alpha":[{"value":0}]},"Swish_0000":{"alpha":[{"value":0,"curve":"stepped"},{"time":0.326,"value":0},{"time":0.3349,"value":1,"curve":"stepped"},{"time":0.5048,"value":1},{"time":0.5146,"value":0}],"attachment":[{"time":0.3363},{"time":0.3563,"name":"Swish_0001"},{"time":0.3759,"name":"Swish_0002"},{"time":0.3957,"name":"Swish_0003"},{"time":0.4157,"name":"Swish_0004"},{"time":0.4356,"name":"Swish_0005"},{"time":0.4554,"name":"Swish_0006"},{"time":0.475,"name":"Swish_0007"},{"time":0.4948,"name":"Swish_0008"},{"time":0.5146,"name":"Swish_0009"}]},"Swish_0001":{"alpha":[{"value":0}]}},"bones":{"cut1":{"rotate":[{"time":0.5196,"curve":[0.611,0,0.703,16.26]},{"time":0.7944,"value":16.26}],"translate":[{"x":-80.83,"y":-7.67,"curve":"stepped"},{"time":0.5196,"x":-80.83,"y":-7.67},{"time":0.7944,"x":-78.59,"y":-7.83}]},"Swish_0000":{"translate":[{"x":-9.37,"y":55.53}]},"base copy":{"translate":[{"x":-8.35,"y":-4.83}],"scale":[{"x":-1,"curve":"stepped"},{"time":0.4438,"x":-1,"curve":[0.467,-1,0.49,-1.211,0.467,1,0.49,1.211]},{"time":0.5135,"x":-1.211,"y":1.211}]},"fruit":{"rotate":[{"time":0.127,"curve":[0.152,6.72,0.177,20.15]},{"time":0.2027,"value":20.15,"curve":[0.228,20.15,0.253,3.67]},{"time":0.2783,"value":3.67,"curve":[0.304,3.67,0.329,27.05]},{"time":0.354,"value":27.05,"curve":[0.379,27.05,0.404,8.59]},{"time":0.4296,"value":8.59,"curve":[0.455,8.59,0.48,19.15]},{"time":0.5052,"value":24.43}],"translate":[{"curve":[0.016,-0.44,0.032,-1.33,0.025,3.18,0.029,-17.98]},{"time":0.0483,"x":-1.33,"y":-17.31,"curve":[0.077,-1.33,0.1,5.33,0.068,-16.64,0.1,39.56]},{"time":0.1333,"x":5.33,"y":39.56,"curve":"stepped"},{"time":0.2333,"x":5.33,"y":39.56,"curve":[0.378,5.33,0.522,3.98,0.378,39.56,0.522,-18.54]},{"time":0.6667}]},"cut2":{"rotate":[{"time":0.5196,"curve":[0.611,0,0.703,-60.48]},{"time":0.7944,"value":-60.48}],"translate":[{"x":13.48,"y":6.22,"curve":"stepped"},{"time":0.5196,"x":13.48,"y":6.22,"curve":[0.693,13.48,0.703,104.02,0.693,6.22,0.703,35.64]},{"time":0.7944,"x":104.02,"y":35.64}]},"spl":{"rotate":[{"value":-136.19}],"translate":[{"y":-13.92,"curve":"stepped"},{"time":0.3824,"y":-13.92,"curve":[0.415,0.5,0.447,-6.42,0.415,-6.86,0.447,9.11]},{"time":0.4795,"x":-6.42,"y":9.11,"curve":[0.653,-6.42,0.826,0.18,0.653,9.11,0.826,-29.07]},{"time":1,"x":-0.86,"y":-35.44}],"scale":[{"x":0.081,"y":0.081,"curve":"stepped"},{"time":0.3694,"x":0.081,"y":0.081,"curve":[0.406,0.3,0.442,1.029,0.406,0.292,0.442,0.993]},{"time":0.478,"x":1.029,"y":0.993},{"time":1,"x":1.09,"y":1.201}]},"bbl":{"scale":[{"x":0.135,"y":0.135,"curve":"stepped"},{"time":0.413,"x":0.135,"y":0.135,"curve":[0.487,0.135,0.562,2.207,0.487,0.135,0.562,2.207]},{"time":0.6359,"x":2.207,"y":2.207}]},"Swish_0001":{"translate":[{"x":-84.34,"y":32.33}]},"bbl2":{"scale":[{"x":0.135,"y":0.135,"curve":"stepped"},{"time":0.413,"x":0.135,"y":0.135,"curve":[0.487,0.135,0.562,2.207,0.487,0.135,0.562,2.207]},{"time":0.6359,"x":2.207,"y":2.207}]},"bbl3":{"scale":[{"x":0.135,"y":0.135,"curve":"stepped"},{"time":0.413,"x":0.135,"y":0.135,"curve":[0.487,0.135,0.562,2.207,0.487,0.135,0.562,2.207]},{"time":0.6359,"x":2.207,"y":2.207}]}}},"basegame/pear_win_idle":{"slots":{"base copy":{"alpha":[{"value":0}],"attachment":[{"name":"ID_03_basecopy"}]},"bbl":{"alpha":[{"value":0}],"rgb":[{"color":"e4ff28"}]},"bbl2":{"alpha":[{"value":0}],"rgb":[{"color":"e4ff28"}]},"bbl3":{"alpha":[{"value":0}],"rgb":[{"color":"e4ff28"}]},"bbl4":{"alpha":[{"value":0}]},"bbl5":{"alpha":[{"value":0}]},"bbl6":{"alpha":[{"value":0}]},"cut1":{"attachment":[{"name":"ID_03_outside_half"}]},"cut2":{"attachment":[{"name":"ID_03_inside_halfp"}]},"fruitbase":{"alpha":[{"value":0}],"attachment":[{"name":"ID_03_base"}]},"spl":{"alpha":[{"value":0}],"rgb":[{"color":"feff67"}]},"Swish2_000":{"alpha":[{"value":0}]},"Swish2_001":{"alpha":[{"value":0}]},"SwishPower_000":{"alpha":[{"value":0}]},"Swish_0000":{"alpha":[{"value":0}]},"Swish_0001":{"alpha":[{"value":0}]}},"bones":{"cut1":{"rotate":[{"value":16.26}],"translate":[{"x":-78.59,"y":-7.83,"curve":[0.667,-78.59,1.333,-77.62,0.667,-7.83,1.333,-23.11]},{"time":2,"x":-77.62,"y":-23.11,"curve":[2.667,-77.62,3.333,-78.59,2.667,-23.11,3.333,-7.83]},{"time":4,"x":-78.59,"y":-7.83}]},"Swish_0000":{"translate":[{"x":-9.37,"y":55.53}]},"base copy":{"translate":[{"x":-8.35,"y":-4.83}]},"fruit":{"rotate":[{"value":24.43}]},"cut2":{"rotate":[{"value":-60.48,"curve":[0.667,-60.48,1.333,-67.85]},{"time":2,"value":-67.85,"curve":[2.667,-67.85,3.333,-60.48]},{"time":4,"value":-60.48}],"translate":[{"x":104.02,"y":35.64,"curve":[0.667,104.02,1.333,118.39,0.667,35.64,1.333,36.79]},{"time":2,"x":118.39,"y":36.79,"curve":[2.667,118.39,3.333,104.02,2.667,36.79,3.333,35.64]},{"time":4,"x":104.02,"y":35.64}]},"spl":{"rotate":[{"value":-136.19}],"translate":[{"y":-13.92}],"scale":[{"x":0.081,"y":0.081}]},"bbl":{"scale":[{"x":0.135,"y":0.135}]},"Swish_0001":{"translate":[{"x":-84.34,"y":32.33}]},"bbl2":{"scale":[{"x":0.135,"y":0.135}]},"bbl3":{"scale":[{"x":0.135,"y":0.135}]}}}}}
Harald Here's the expected result:
Sorry, we'll need all the exported assets, .skel/.json files, .atlas file and .png files to be able to help.
Are you using our official spine-pixi runtime or a 3rd party runtime? We'll only be able to help with our runtime. Please also specify which runtime version you are using (4.1.x or 4.2.x, you should be using 4.1.x).
Here's a ZIP file with the exported JSON, Atlas and PNG.
I am using spine-pixi runtime on version 4.1
I tried you assets using the latest version of spine-pixi
4.1, and everything works fine.
Can you share the code you are using to load the skeleton and play the animation, or at least a minimal repro project that we can run to see the problem?
Davide I'll ask my dev team, thank you!