Skip to content
This repository has been archived by the owner on Jan 16, 2024. It is now read-only.

Added spine debug visualizer demos #151

Closed
wants to merge 3 commits into from
Closed

Added spine debug visualizer demos #151

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7c46956
added demos for spine for when we have the spine that can do debug
miltoncandelero Aug 6, 2022
034a0ed
changed example name
miltoncandelero Aug 6, 2022
1c730cd
changes on the surface API of the spine debug
miltoncandelero Aug 7, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions examples/assets/pixi-spine/vine-pro.atlas
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@

vine-pro.png
size: 72,966
format: RGBA8888
filter: Linear,Linear
repeat: none
vine
rotate: false
xy: 2, 2
size: 68, 962
orig: 68, 962
offset: 0, 0
index: -1
263 changes: 263 additions & 0 deletions examples/assets/pixi-spine/vine-pro.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,263 @@
{
"skeleton": {
"hash": "kTMBrZOR76DMdB3a7OzHyvIOsWM",
"spine": "3.8.76",
"x": -87.7,
"y": -1.71,
"width": 227.65,
"height": 841.09,
"images": "./images/",
"audio": ""
},
"bones": [
{ "name": "root" },
{
"name": "vine-control1",
"parent": "root",
"length": 296.68,
"rotation": 88.65,
"x": -2.51,
"y": 2.55,
"color": "ff0004ff"
},
{ "name": "vine-control2", "parent": "vine-control1", "length": 292.6, "rotation": 0.96, "x": 296.68, "color": "ff0004ff" },
{ "name": "vine-control3", "parent": "vine-control2", "length": 247.5, "rotation": 0.16, "x": 292.6, "color": "ff0004ff" },
{ "name": "vine-control4", "parent": "vine-control3", "length": 212.43, "rotation": 0.5, "x": 247.5, "color": "ff0004ff" },
{
"name": "vine1",
"parent": "root",
"length": 74,
"rotation": 90,
"x": 339.1,
"y": -467.15,
"color": "f700ffff"
},
{
"name": "vine10",
"parent": "vine1",
"length": 74,
"rotation": 48,
"x": 608.63,
"y": 19.06,
"color": "f700ffff"
},
{
"name": "vine11",
"parent": "vine1",
"length": 74,
"rotation": 39.71,
"x": 670.66,
"y": 66.4,
"color": "f700ffff"
},
{
"name": "vine12",
"parent": "vine1",
"length": 74,
"rotation": 10.73,
"x": 750.1,
"y": 80.23,
"color": "f700ffff"
},
{
"name": "vine13",
"parent": "vine1",
"length": 74,
"rotation": -18.44,
"x": 826.07,
"y": 56.95,
"color": "f700ffff"
},
{ "name": "vine2", "parent": "vine1", "length": 74, "x": 74, "color": "f700ffff" },
{
"name": "vine3",
"parent": "vine1",
"length": 74,
"rotation": 38.95,
"x": 137.97,
"y": 47.51,
"color": "f700ffff"
},
{
"name": "vine4",
"parent": "vine1",
"length": 74,
"rotation": 16.68,
"x": 214.29,
"y": 68.52,
"color": "f700ffff"
},
{
"name": "vine5",
"parent": "vine1",
"length": 74,
"rotation": -21.74,
"x": 289.61,
"y": 40.93,
"color": "f700ffff"
},
{
"name": "vine6",
"parent": "vine1",
"length": 74,
"rotation": -50.04,
"x": 341.13,
"y": -15.58,
"color": "f700ffff"
},
{
"name": "vine7",
"parent": "vine1",
"length": 74,
"rotation": -39.26,
"x": 402.7,
"y": -61.82,
"color": "f700ffff"
},
{
"name": "vine8",
"parent": "vine1",
"length": 74,
"rotation": -6.18,
"x": 483.27,
"y": -69.84,
"color": "f700ffff"
},
{
"name": "vine9",
"parent": "vine1",
"length": 74,
"rotation": 27.11,
"x": 554.26,
"y": -36.44,
"color": "f700ffff"
}
],
"slots": [
{ "name": "vine-path", "bone": "root", "attachment": "vine-path" },
{ "name": "vine", "bone": "vine1", "attachment": "vine" }
],
"path": [
{
"name": "vine-path",
"bones": [ "vine1", "vine2", "vine3", "vine4", "vine5", "vine6", "vine7", "vine8", "vine9", "vine10", "vine11", "vine12", "vine13" ],
"target": "vine-path",
"rotateMode": "chainScale"
}
],
"skins": [
{
"name": "default",
"attachments": {
"vine": {
"vine": {
"type": "mesh",
"uvs": [ 0, 0, 0.5, 0, 1, 0, 1, 0.03846, 1, 0.07692, 1, 0.11538, 1, 0.15385, 1, 0.19231, 1, 0.23077, 1, 0.26923, 1, 0.30769, 1, 0.34615, 1, 0.38462, 1, 0.42308, 1, 0.46154, 1, 0.5, 1, 0.53846, 1, 0.57692, 1, 0.61538, 1, 0.65385, 1, 0.69231, 1, 0.73077, 1, 0.76923, 1, 0.80769, 1, 0.84615, 1, 0.88462, 1, 0.92308, 1, 0.96154, 1, 1, 0.5, 1, 0, 1, 0, 0.96154, 0, 0.92308, 0, 0.88462, 0, 0.84615, 0, 0.80769, 0, 0.76923, 0, 0.73077, 0, 0.69231, 0, 0.65385, 0, 0.61538, 0, 0.57692, 0, 0.53846, 0, 0.5, 0, 0.46154, 0, 0.42308, 0, 0.38462, 0, 0.34615, 0, 0.30769, 0, 0.26923, 0, 0.23077, 0, 0.19231, 0, 0.15385, 0, 0.11538, 0, 0.07692, 0, 0.03846, 0.5, 0.03846, 0.5, 0.07692, 0.5, 0.11538, 0.5, 0.15385, 0.5, 0.19231, 0.5, 0.23077, 0.5, 0.26923, 0.5, 0.30769, 0.5, 0.34615, 0.5, 0.38462, 0.5, 0.42308, 0.5, 0.46154, 0.5, 0.5, 0.5, 0.53846, 0.5, 0.57692, 0.5, 0.61538, 0.5, 0.65385, 0.5, 0.69231, 0.5, 0.73077, 0.5, 0.76923, 0.5, 0.80769, 0.5, 0.84615, 0.5, 0.88462, 0.5, 0.92308, 0.5, 0.96154 ],
"triangles": [ 55, 0, 1, 56, 1, 2, 55, 1, 56, 56, 2, 3, 54, 55, 56, 57, 56, 3, 57, 3, 4, 53, 54, 57, 58, 57, 4, 53, 57, 58, 58, 4, 5, 52, 53, 58, 59, 58, 5, 54, 56, 57, 52, 58, 59, 59, 5, 6, 51, 52, 59, 60, 59, 6, 51, 59, 60, 60, 6, 7, 50, 51, 60, 61, 60, 7, 49, 61, 62, 62, 8, 9, 48, 49, 62, 63, 62, 9, 50, 60, 61, 61, 7, 8, 49, 50, 61, 62, 61, 8, 48, 62, 63, 47, 48, 63, 64, 63, 10, 47, 63, 64, 64, 10, 11, 46, 47, 64, 65, 64, 11, 63, 9, 10, 65, 11, 12, 46, 64, 65, 45, 46, 65, 66, 65, 12, 45, 65, 66, 66, 12, 13, 44, 45, 66, 67, 66, 13, 44, 66, 67, 67, 13, 14, 43, 44, 67, 68, 67, 14, 43, 67, 68, 68, 14, 15, 42, 43, 68, 69, 68, 15, 42, 68, 69, 69, 15, 16, 41, 42, 69, 70, 69, 16, 41, 69, 70, 70, 16, 17, 40, 41, 70, 71, 70, 17, 40, 70, 71, 71, 17, 18, 39, 40, 71, 72, 71, 18, 39, 71, 72, 72, 18, 19, 38, 39, 72, 73, 72, 19, 38, 72, 73, 73, 19, 20, 37, 38, 73, 74, 73, 20, 37, 73, 74, 74, 20, 21, 36, 37, 74, 75, 74, 21, 36, 74, 75, 75, 21, 22, 35, 36, 75, 76, 75, 22, 35, 75, 76, 76, 22, 23, 34, 35, 76, 77, 76, 23, 34, 76, 77, 77, 23, 24, 33, 77, 78, 78, 24, 25, 32, 33, 78, 79, 78, 25, 32, 78, 79, 33, 34, 77, 78, 77, 24, 31, 32, 79, 80, 79, 26, 31, 79, 80, 80, 26, 27, 30, 31, 80, 29, 80, 27, 30, 80, 29, 29, 27, 28, 79, 25, 26 ],
"vertices": [ 3, 7, 220, 33.89, 0.0165, 8, 146, 33.89, 0.21533, 9, 72, 33.89, 0.76817, 2, 8, 146, -0.11, 0.16997, 9, 72, -0.11, 0.83003, 3, 7, 220, -34.11, 0.0165, 8, 146, -34.11, 0.21533, 9, 72, -34.11, 0.76817, 3, 7, 183, -34.11, 0.04748, 8, 109, -34.11, 0.33417, 9, 35, -34.11, 0.61835, 4, 6, 220, -34.11, 0.01164, 7, 146, -34.11, 0.14113, 8, 72, -34.11, 0.49183, 9, -2, -34.11, 0.3554, 4, 6, 183, -34.11, 0.04672, 7, 109, -34.11, 0.31228, 8, 35, -34.11, 0.48857, 9, -39, -34.11, 0.15243, 4, 6, 146, -34.11, 0.14271, 7, 72, -34.11, 0.49271, 8, -2, -34.11, 0.3155, 9, -76, -34.11, 0.04909, 4, 6, 109, -34.11, 0.32758, 7, 35, -34.11, 0.51172, 8, -39, -34.11, 0.14821, 9, -113, -34.11, 0.01249, 4, 6, 72, -34.11, 0.57473, 7, -2, -34.11, 0.36792, 8, -76, -34.11, 0.05505, 9, -150, -34.11, 0.00231, 4, 17, 109, -34.11, 0.32766, 6, 35, -34.11, 0.51185, 7, -39, -34.11, 0.14825, 8, -113, -34.11, 0.01223, 4, 16, 146, -34.11, 0.14299, 17, 72, -34.11, 0.49369, 6, -2, -34.11, 0.31604, 7, -76, -34.11, 0.04729, 4, 15, 183, -34.11, 0.04729, 16, 109, -34.11, 0.31604, 17, 35, -34.11, 0.49369, 6, -39, -34.11, 0.14299, 4, 15, 146, -34.11, 0.14299, 16, 72, -34.11, 0.49369, 17, -2, -34.11, 0.31604, 6, -76, -34.11, 0.04729, 4, 14, 183, -34.11, 0.04729, 15, 109, -34.11, 0.31604, 16, 35, -34.11, 0.49369, 17, -39, -34.11, 0.14299, 4, 14, 146, -34.11, 0.14299, 15, 72, -34.11, 0.49369, 16, -2, -34.11, 0.31604, 17, -76, -34.11, 0.04729, 4, 13, 183, -34.11, 0.04729, 14, 109, -34.11, 0.31604, 15, 35, -34.11, 0.49369, 16, -39, -34.11, 0.14299, 4, 13, 146, -34.11, 0.14299, 14, 72, -34.11, 0.49369, 15, -2, -34.11, 0.31604, 16, -76, -34.11, 0.04729, 4, 12, 183, -34.11, 0.04729, 13, 109, -34.11, 0.31604, 14, 35, -34.11, 0.49369, 15, -39, -34.11, 0.14299, 4, 12, 146, -34.11, 0.14299, 13, 72, -34.11, 0.49369, 14, -2, -34.11, 0.31604, 15, -76, -34.11, 0.04729, 4, 11, 183, -34.11, 0.04729, 12, 109, -34.11, 0.31604, 13, 35, -34.11, 0.49369, 14, -39, -34.11, 0.14299, 4, 11, 146, -34.11, 0.14299, 12, 72, -34.11, 0.49369, 13, -2, -34.11, 0.31604, 14, -76, -34.11, 0.04729, 4, 10, 183, -34.11, 0.04752, 11, 109, -34.11, 0.31596, 12, 35, -34.11, 0.49356, 13, -39, -34.11, 0.14296, 4, 10, 146, -34.11, 0.14433, 11, 72, -34.11, 0.49291, 12, -2, -34.11, 0.31554, 13, -76, -34.11, 0.04721, 4, 5, 183, -34.11, 0.04107, 10, 109, -34.11, 0.32351, 11, 35, -34.11, 0.49271, 12, -39, -34.11, 0.14271, 4, 5, 146, -34.11, 0.12766, 10, 72, -34.11, 0.51334, 11, -2, -34.11, 0.31227, 12, -76, -34.11, 0.04672, 4, 5, 109, -34.11, 0.30124, 10, 35, -34.11, 0.54607, 11, -39, -34.11, 0.14105, 12, -113, -34.11, 0.01164, 3, 5, 72, -34.11, 0.55512, 10, -2, -34.11, 0.39816, 11, -76, -34.11, 0.04672, 3, 5, 35, -34.11, 0.77997, 10, -39, -34.11, 0.20831, 11, -113, -34.11, 0.01172, 2, 5, -2, -34.11, 0.89275, 10, -76, -34.11, 0.10725, 2, 5, -2, -0.11, 0.92721, 10, -76, -0.11, 0.07279, 2, 5, -2, 33.89, 0.89275, 10, -76, 33.89, 0.10725, 3, 5, 35, 33.89, 0.77997, 10, -39, 33.89, 0.20831, 11, -113, 33.89, 0.01172, 3, 5, 72, 33.89, 0.55512, 10, -2, 33.89, 0.39816, 11, -76, 33.89, 0.04672, 4, 5, 109, 33.89, 0.30124, 10, 35, 33.89, 0.54607, 11, -39, 33.89, 0.14105, 12, -113, 33.89, 0.01164, 4, 5, 146, 33.89, 0.12766, 10, 72, 33.89, 0.51334, 11, -2, 33.89, 0.31227, 12, -76, 33.89, 0.04672, 4, 5, 183, 33.89, 0.04107, 10, 109, 33.89, 0.32351, 11, 35, 33.89, 0.49271, 12, -39, 33.89, 0.14271, 4, 10, 146, 33.89, 0.14433, 11, 72, 33.89, 0.49291, 12, -2, 33.89, 0.31554, 13, -76, 33.89, 0.04721, 4, 10, 183, 33.89, 0.04752, 11, 109, 33.89, 0.31596, 12, 35, 33.89, 0.49356, 13, -39, 33.89, 0.14296, 4, 11, 146, 33.89, 0.14299, 12, 72, 33.89, 0.49369, 13, -2, 33.89, 0.31604, 14, -76, 33.89, 0.04729, 4, 11, 183, 33.89, 0.04729, 12, 109, 33.89, 0.31604, 13, 35, 33.89, 0.49369, 14, -39, 33.89, 0.14299, 4, 12, 146, 33.89, 0.14299, 13, 72, 33.89, 0.49369, 14, -2, 33.89, 0.31604, 15, -76, 33.89, 0.04729, 4, 12, 183, 33.89, 0.04729, 13, 109, 33.89, 0.31604, 14, 35, 33.89, 0.49369, 15, -39, 33.89, 0.14299, 4, 13, 146, 33.89, 0.14299, 14, 72, 33.89, 0.49369, 15, -2, 33.89, 0.31604, 16, -76, 33.89, 0.04729, 4, 13, 183, 33.89, 0.04729, 14, 109, 33.89, 0.31604, 15, 35, 33.89, 0.49369, 16, -39, 33.89, 0.14299, 4, 14, 146, 33.89, 0.14299, 15, 72, 33.89, 0.49369, 16, -2, 33.89, 0.31604, 17, -76, 33.89, 0.04729, 4, 14, 183, 33.89, 0.04729, 15, 109, 33.89, 0.31604, 16, 35, 33.89, 0.49369, 17, -39, 33.89, 0.14299, 4, 15, 146, 33.89, 0.14299, 16, 72, 33.89, 0.49369, 17, -2, 33.89, 0.31604, 6, -76, 33.89, 0.04729, 4, 15, 183, 33.89, 0.04729, 16, 109, 33.89, 0.31604, 17, 35, 33.89, 0.49369, 6, -39, 33.89, 0.14299, 4, 16, 146, 33.89, 0.14299, 17, 72, 33.89, 0.49369, 6, -2, 33.89, 0.31604, 7, -76, 33.89, 0.04729, 4, 17, 109, 33.89, 0.32766, 6, 35, 33.89, 0.51185, 7, -39, 33.89, 0.14825, 8, -113, 33.89, 0.01223, 4, 6, 72, 33.89, 0.57473, 7, -2, 33.89, 0.36792, 8, -76, 33.89, 0.05505, 9, -150, 33.89, 0.00231, 4, 6, 109, 33.89, 0.32758, 7, 35, 33.89, 0.51172, 8, -39, 33.89, 0.14821, 9, -113, 33.89, 0.01249, 4, 6, 146, 33.89, 0.14271, 7, 72, 33.89, 0.49271, 8, -2, 33.89, 0.3155, 9, -76, 33.89, 0.04909, 4, 6, 183, 33.89, 0.04672, 7, 109, 33.89, 0.31228, 8, 35, 33.89, 0.48857, 9, -39, 33.89, 0.15243, 4, 6, 220, 33.89, 0.01164, 7, 146, 33.89, 0.14113, 8, 72, 33.89, 0.49183, 9, -2, 33.89, 0.3554, 3, 7, 183, 33.89, 0.04748, 8, 109, 33.89, 0.33417, 9, 35, 33.89, 0.61835, 3, 7, 183, -0.11, 0.03069, 8, 109, -0.11, 0.31679, 9, 35, -0.11, 0.65252, 3, 7, 146, -0.11, 0.11465, 8, 72, -0.11, 0.5508, 9, -2, -0.11, 0.33455, 4, 6, 183, -0.11, 0.03047, 7, 109, -0.11, 0.30393, 8, 35, -0.11, 0.54628, 9, -39, -0.11, 0.11931, 4, 6, 146, -0.11, 0.11465, 7, 72, -0.11, 0.54869, 8, -2, -0.11, 0.30539, 9, -76, -0.11, 0.03128, 4, 6, 109, -0.11, 0.31348, 7, 35, -0.11, 0.56323, 8, -39, -0.11, 0.11769, 9, -113, -0.11, 0.0056, 4, 17, 146, -0.11, 0.11473, 6, 72, -0.11, 0.54905, 7, -2, -0.11, 0.30559, 8, -76, -0.11, 0.03064, 4, 16, 183, -0.11, 0.03064, 17, 109, -0.11, 0.30559, 6, 35, -0.11, 0.54905, 7, -39, -0.11, 0.11473, 4, 16, 146, -0.11, 0.11473, 17, 72, -0.11, 0.54905, 6, -2, -0.11, 0.30559, 7, -76, -0.11, 0.03064, 4, 15, 183, -0.11, 0.03064, 16, 109, -0.11, 0.30559, 17, 35, -0.11, 0.54905, 6, -39, -0.11, 0.11473, 4, 15, 146, -0.11, 0.11473, 16, 72, -0.11, 0.54905, 17, -2, -0.11, 0.30559, 6, -76, -0.11, 0.03064, 4, 14, 183, -0.11, 0.03064, 15, 109, -0.11, 0.30559, 16, 35, -0.11, 0.54905, 17, -39, -0.11, 0.11473, 4, 14, 146, -0.11, 0.11473, 15, 72, -0.11, 0.54905, 16, -2, -0.11, 0.30559, 17, -76, -0.11, 0.03064, 4, 13, 183, -0.11, 0.03064, 14, 109, -0.11, 0.30559, 15, 35, -0.11, 0.54905, 16, -39, -0.11, 0.11473, 4, 13, 146, -0.11, 0.11473, 14, 72, -0.11, 0.54905, 15, -2, -0.11, 0.30559, 16, -76, -0.11, 0.03064, 4, 12, 183, -0.11, 0.03064, 13, 109, -0.11, 0.30559, 14, 35, -0.11, 0.54905, 15, -39, -0.11, 0.11473, 4, 12, 146, -0.11, 0.11473, 13, 72, -0.11, 0.54905, 14, -2, -0.11, 0.30559, 15, -76, -0.11, 0.03064, 4, 11, 183, -0.11, 0.03064, 12, 109, -0.11, 0.30559, 13, 35, -0.11, 0.54905, 14, -39, -0.11, 0.11473, 4, 11, 146, -0.11, 0.11473, 12, 72, -0.11, 0.54905, 13, -2, -0.11, 0.30559, 14, -76, -0.11, 0.03064, 4, 10, 183, -0.11, 0.03064, 11, 109, -0.11, 0.30559, 12, 35, -0.11, 0.54905, 13, -39, -0.11, 0.11473, 4, 10, 146, -0.11, 0.11531, 11, 72, -0.11, 0.54869, 12, -2, -0.11, 0.30539, 13, -76, -0.11, 0.03062, 4, 5, 183, -0.11, 0.02691, 10, 109, -0.11, 0.30975, 11, 35, -0.11, 0.54869, 12, -39, -0.11, 0.11465, 4, 5, 146, -0.11, 0.09912, 10, 72, -0.11, 0.56648, 11, -2, -0.11, 0.30393, 12, -76, -0.11, 0.03047, 3, 5, 109, -0.11, 0.27809, 10, 35, -0.11, 0.60726, 11, -39, -0.11, 0.11465, 3, 5, 72, -0.11, 0.55966, 10, -2, -0.11, 0.40987, 11, -76, -0.11, 0.03047, 2, 5, 35, -0.11, 0.82292, 10, -39, -0.11, 0.17708 ],
"hull": 56,
"edges": [ 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, 48, 48, 50, 50, 52, 52, 54, 54, 56, 60, 62, 62, 64, 64, 66, 66, 68, 68, 70, 70, 72, 72, 74, 74, 76, 76, 78, 78, 80, 80, 82, 82, 84, 84, 86, 86, 88, 88, 90, 90, 92, 92, 94, 94, 96, 96, 98, 98, 100, 100, 102, 102, 104, 104, 106, 106, 108, 108, 110, 110, 0, 0, 2, 58, 60, 2, 4, 56, 58, 62, 160, 160, 54, 64, 158, 158, 52, 66, 156, 156, 50, 68, 154, 154, 48, 46, 152, 152, 70, 72, 150, 150, 44, 42, 148, 148, 74, 76, 146, 146, 40, 38, 144, 144, 78, 80, 142, 142, 36, 34, 140, 140, 82, 84, 138, 138, 32, 30, 136, 136, 86, 88, 134, 134, 28, 26, 132, 132, 90, 92, 130, 130, 24, 22, 128, 128, 94, 96, 126, 126, 20, 18, 124, 124, 98, 100, 122, 122, 16, 14, 120, 120, 102, 12, 118, 118, 104, 106, 116, 116, 10, 8, 114, 114, 108, 110, 112, 112, 6 ],
"width": 68,
"height": 962
}
},
"vine-path": {
"vine-path": {
"type": "path",
"lengths": [ 223.68, 474.79, 780.32, 992.69, 1196.43, 2277.76 ],
"vertexCount": 18,
"vertices": [ 1, 1, -31.65, 22.5, 1, 1, 1, -2.74, -6.56, 1, 1, 1, 56.89, -69.01, 1, 1, 1, 115.58, 75.02, 1, 1, 1, 198.6, 53.37, 1, 2, 1, 332.77, 19.75, 0.8, 2, 36.41, 19.14, 0.2, 2, 1, 276.73, -68.37, 0.232, 2, -21.1, -68.03, 0.768, 1, 2, 96.09, -93.89, 1, 2, 2, 229.75, -122.63, 0.664, 3, -63.19, -122.45, 0.336, 2, 2, 242.54, 29.31, 0.52, 3, -49.98, 29.45, 0.48, 1, 3, 66.72, 38.65, 1, 2, 3, 183.42, 47.85, 0.808, 4, -63.66, 48.41, 0.192, 2, 3, 177.29, -41.23, 0.776, 4, -70.57, -40.61, 0.224, 2, 3, 265.51, -16.19, 0.488, 4, 17.87, -16.34, 0.512, 2, 3, 343.26, 7.26, 0.216, 4, 95.82, 6.42, 0.784, 1, 4, 138.78, 45.73, 1, 1, 4, 212.87, 5.44, 1, 1, 1, 1094.34, -1.03, 1 ]
}
}
}
}
],
"animations": {
"grow": {
"slots": {
"vine": {
"color": [
{ "color": "ffcb73ff", "curve": 0.25, "c3": 0.75 },
{ "time": 10.3667, "color": "fefaffff" }
]
}
},
"bones": {
"vine1": {
"scale": [
{ "x": 0, "y": 0.183, "curve": 0.302, "c2": 0.57, "c3": 0.549, "c4": 0.83 },
{
"time": 3.2333,
"x": 1.218,
"y": 1.1,
"curve": 0.482,
"c2": 0.25,
"c3": 0.708,
"c4": 0.47
},
{ "time": 11.4333, "y": 1.439 }
]
},
"vine-control1": {
"rotate": [
{ "angle": 39.69, "curve": 0.25, "c3": 0.75 },
{ "time": 1.2, "angle": 0.89, "curve": 0.25, "c3": 0.75 },
{ "time": 2.1667, "angle": 5.57, "curve": 0.25, "c3": 0.75 },
{ "time": 3.4, "angle": 5.65, "curve": 0.25, "c3": 0.75 },
{ "time": 7.6, "angle": 1.35 }
],
"scale": [
{ "curve": 0.25, "c3": 0.75 },
{ "time": 4.3333, "y": 0.792, "curve": 0.25, "c3": 0.75 },
{ "time": 7.6, "curve": 0.25, "c3": 0.569 },
{ "time": 11.4333, "y": 0.636 }
]
},
"vine-control2": {
"rotate": [
{ "angle": -39.69, "curve": 0.25, "c3": 0.75 },
{ "time": 1.2, "angle": -20.6, "curve": 0.25, "c3": 0.75 },
{ "time": 3.4, "angle": -8.19, "curve": 0.25, "c3": 0.75 },
{ "time": 7.6, "angle": -0.96 }
],
"scale": [
{ "curve": 0.25, "c3": 0.75 },
{ "time": 4.3333, "y": 0.792, "curve": 0.25, "c3": 0.75 },
{ "time": 7.6, "curve": 0.25, "c3": 0.75 },
{ "time": 11.4333, "y": 0.924 }
]
},
"vine-control3": {
"rotate": [
{ "curve": 0.25, "c3": 0.75 },
{ "time": 1.2, "angle": 27.37, "curve": 0.25, "c3": 0.75 },
{ "time": 2.1667, "angle": 14.83, "curve": 0.25, "c3": 0.75 },
{ "time": 3.4, "angle": -15.24, "curve": 0.25, "c3": 0.75 },
{ "time": 7.6, "angle": -0.16 }
],
"scale": [
{ "curve": 0.25, "c3": 0.75 },
{ "time": 4.3333, "y": 0.792, "curve": 0.25, "c3": 0.75 },
{ "time": 7.6, "curve": 0.25, "c3": 0.75 },
{ "time": 11.4333, "y": 0.924 }
]
},
"vine-control4": {
"rotate": [
{ "curve": 0.25, "c3": 0.75 },
{ "time": 2.1667, "angle": -11.88, "curve": 0.25, "c3": 0.75 },
{ "time": 3.4, "angle": 7.57, "curve": 0.25, "c3": 0.75 },
{ "time": 6.4, "angle": 15.02, "curve": 0.25, "c3": 0.75 },
{ "time": 7.6, "angle": -0.5 }
],
"scale": [
{ "curve": 0.25, "c3": 0.75 },
{ "time": 4.3333, "y": 0.792, "curve": 0.25, "c3": 0.75 },
{ "time": 7.6, "curve": 0.25, "c3": 0.75 },
{ "time": 11.4333, "y": 0.924 }
]
}
}
}
}
}
Binary file added examples/assets/pixi-spine/vine-pro.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 51 additions & 0 deletions examples/js/plugin-spine/spine-debug.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
const app = new PIXI.Application();
document.body.appendChild(app.view);

// load spine data
app.loader
.add('spineboypro', 'examples/assets/pixi-spine/spineboy-pro.json')
.add('vinepro', 'examples/assets/pixi-spine/vine-pro.json')
.load(onAssetsLoaded);

app.stage.interactive = true;

function onAssetsLoaded(loader, res) {
const spineBoyPro = new PIXI.spine.Spine(res.spineboypro.spineData);
spineBoyPro.x = app.screen.width * 0.4;
spineBoyPro.y = app.screen.height * 0.9;
spineBoyPro.scale.set(0.5);
spineBoyPro.state.setAnimation(0, 'portal', true);
app.stage.addChild(spineBoyPro);

const vinePro = new PIXI.spine.Spine(res.vinepro.spineData);
vinePro.x = app.screen.width * 0.75;
vinePro.y = app.screen.height * 0.9;
vinePro.scale.set(0.5);
vinePro.state.setAnimation(0, 'grow', true);
app.stage.addChild(vinePro);

// Create the renderer
const spineDebugRenderer = new PIXI.spine.SpineDebugRenderer();

// Connect the renderer to your spine objects
spineBoyPro.debug = spineDebugRenderer;
vinePro.debug = spineDebugRenderer;

// All draw debug flags are on by defult.
// This is only for example purposes.
spineDebugRenderer.drawDebug = true;
spineDebugRenderer.drawMeshHull = true;
spineDebugRenderer.drawMeshTriangles = true;
spineDebugRenderer.drawBones = true;
spineDebugRenderer.drawPaths = true;
spineDebugRenderer.drawBoundingBoxes = true;
spineDebugRenderer.drawClipping = true;
spineDebugRenderer.drawRegionAttachments = true;


// Click to toggle debug
app.stage.on('pointerdown', () => {
// Control all debug with a single object!
spineDebugRenderer.drawDebug = !spineDebugRenderer.drawDebug;
});
}
7 changes: 7 additions & 0 deletions examples/manifest.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -368,6 +368,13 @@
"plugins": [
"pixi-spine"
]
},
{
"title": "Spine Debug",
"entry": "spine-debug.js",
"plugins": [
"pixi-spine"
]
}
],
"plugin-dragonbones": [
Expand Down
Loading