On Android, fix this by making sure the Android System Webview app has updates enabled and is up-to-date.":/iphone|ipad|ipod/i.test(i)?h+="
Note: the iOS simulator is not currently supported due to an Apple bug. If you are using the simulator, try testing on a real device instead.":(/msie/i.test(i)||/trident/i.test(i))&&!/edge\//i.test(i)?h+="
Note: Internet Explorer is not supported. Try using Chrome or Firefox instead.":a?h="It appears a script was added to this export by Kaspersky software. This prevents the exported project from working. Try disabling Kaspersky and exporting again.":h+="Try installing any available software updates. Alternatively try on a different device.",h+="
Missing features: "+d.join(", ")+"
User agent: "+navigator.userAgent+"",g.innerHTML=h,e.appendChild(g)}})(); -------------------------------------------------------------------------------- /src/c3runtime/spine-bone-control.js: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | "use strict"; 3 | 4 | class SpineBoneControl { 5 | constructor(debug) { 6 | this._bones = {} 7 | this._debug = debug; 8 | } 9 | 10 | get bones() {return this._bones;} 11 | get debug() {return this._debug;} 12 | 13 | setBoneControl(bone, property, value) { 14 | if (!this.bones.hasOwnProperty(bone)) 15 | { 16 | this.bones[bone] = {}; 17 | this.bones[bone][property] = value; 18 | } else 19 | { 20 | this.bones[bone][property] = value; 21 | } 22 | } 23 | 24 | removeBoneControl(bone, property) { 25 | if (!this.bones.hasOwnProperty(bone) || !this.bones[bone].hasOwnProperty(property)) {console.warn('[Spine] removeBoneConrtol, no control', bone, property);return} 26 | delete this.bones[bone][property]; 27 | } 28 | 29 | removeAllBoneControl(bone, property) { 30 | if (!this.bones.hasOwnProperty(bone)) {console.warn('[Spine] removeAllBoneConrtol, no contro', bone);return} 31 | delete this.bones[bone]; 32 | } 33 | 34 | applyBoneControl(skeleton) { 35 | const bones = this.bones; 36 | for(let boneName in bones) 37 | { 38 | if(!bones[boneName].hasOwnProperty('__boneControlReference')) 39 | { 40 | let boneControlReference = skeleton.findBone(boneName); 41 | if (!boneControlReference) {console.warn('[Spine] applyBoneControl bone not found', boneName);continue;} 42 | // Cache reference 43 | bones[boneName].__boneControlReference = boneControlReference; 44 | } 45 | 46 | for(const property in bones[boneName]) 47 | { 48 | // Ignore reference to bone 49 | if (property == '__boneControlReference') continue; 50 | 51 | bones[boneName].__boneControlReference[property] = bones[boneName][property]; 52 | } 53 | } 54 | } 55 | 56 | } 57 | 58 | // @ts-ignore 59 | if (!globalThis.SpineBoneControl) 60 | { 61 | // @ts-ignore 62 | globalThis.SpineBoneControl = SpineBoneControl; 63 | } 64 | -------------------------------------------------------------------------------- /docs/LiveDemo/scripts/jobworker.js: -------------------------------------------------------------------------------- 1 | "use strict";self.dispatchPort=null,self.outputPort=null,self.workerNumber=-1,self.activeJobId=null,self.sentBlobs=new Map,self.sentBuffers=new Map,self.JobHandlers={};function FlipImageData(a,b,c){const d=4*b,e=new Uint8Array(d),f=a.buffer;for(let g=0,h=Math.floor(c/2);g
Spine JSON export 3.3 to 3.8 format patcher
24 | 25 |
28 | Old json29 | 31 | |
32 |
33 | New json34 | 36 | |
37 |
41 |
42 |
43 |
44 |
45 |
46 |
158 |
159 |
160 |
161 |
162 |
--------------------------------------------------------------------------------
/docs/LiveDemo/data.json:
--------------------------------------------------------------------------------
1 | {"project":["SpinePluginTest",null,[[0,false,true,true,true,true,true,true,true,true],[2,true,false,false,false,false,false,false,false,false],[3,false,true,true,true,true,true,true,true,false],[4,true,false,false,false,false,false,false,false,false],[5,false,true,true,true,true,true,true,true,false],[6,true,false,false,false,false,false,false,false,false]],[["SpineCharacter",0,false,[],1,0,["images/shared-0-sheet0.png",3322,0,0,0,250,250],null,[["8Direction",1,971849326318143,0]],false,false,708886617025756,[],null,1],["Keyboard",2,false,[],0,0,null,null,[],false,false,448378265906156,[],null,2,[]],["Sprite",3,false,[],0,0,null,[["Animation 1",5,false,1,0,false,741410374589640,[["images/shared-0-sheet2.png",6695,0,0,168,248,1,0.5,0.5,[],[-0.49404761904761907,-0.4959677419354839,0,-0.5,0.48809523809523814,-0.4959677419354839,0.48809523809523814,0,0.29761904761904767,0.3629032258064516,0,0.3629032258064516,-0.3035714285714286,0.3629032258064516,-0.49404761904761907,0],0]]]],[],false,false,886700548662699,[],null,3],["Sprite2",3,false,[],0,0,null,[["Animation 1",5,false,1,0,false,717641720423608,[["images/shared-0-sheet1.png",14996,0,0,237,237,1,0.5,0.5,[],[-0.3270042194092827,-0.3270042194092827,0,-0.3396624472573839,0.2721518987341772,-0.27637130801687765,0.4620253164556962,0,0.26793248945147674,0.26793248945147674,0,0.36919831223628696,-0.2805907172995781,0.2763713080168776,-0.5,0],0]]]],[],false,false,108703857865790,[],null,4],["Browser",4,false,[],0,0,null,null,[],false,false,778747613166461,[],null,5,[]],["Text",5,false,[],0,0,null,null,[],false,false,650905651038003,[],null,6],["Mouse",6,false,[],0,0,null,null,[],false,false,258289131195630,[],null,7,[]],["AnimationText",5,false,[],0,0,null,null,[],false,false,638163697302026,[],null,8],["AnimationText2",5,false,[[229104675276951,1,"Value",9]],0,0,null,null,[],false,false,279098545763967,[],null,10],["AnimationText3",5,false,[[953542609703342,1,"Value",9]],0,0,null,null,[],false,false,906826237856803,[],null,11]],[],[["Layout 1",1708,960,false,"Event sheet 1",314783196911307,[["Layer 0",0,201656680313375,true,[201,188,165],false,1,1,1,false,false,1,0,0,[[[57,82,0,107.53079078915925,158.73592926018748,0,0,[1,1,1,1],0.5,0.5,0,0,[]],2,3,[],[],[true,"Animation 1",0,true]],[[200.64038681256912,207.64038681256912,0,238.56472277260414,238.56472277260414,0,0,[1,1,1,1],0.5,0.5,0,0,[]],0,10,[],[[200,1200,800,3,0,true,true]],["character.json","character.atlas","character.png","skin_1","01_idle","",0.7,true]],[[370,523,0,107.53079078915925,158.73592926018748,0,0,[1,1,1,1],0.5,0.5,0,0,[]],2,2,[],[],[true,"Animation 1",0,true]],[[413,766,0,107.53079078915925,158.73592926018748,0,0,[1,1,1,1],0.5,0.5,0,0,[]],2,4,[],[],[true,"Animation 1",0,true]],[[42,810,0,56.568542494923804,56.568542494923804,0,0,[1,1,1,0.5],0.5,0.5,0,0,[]],3,5,[],[],[true,"Animation 1",0,true]],[[79,792,0,264,41,0,0,[1,1,1,0.5],0,0,0,0,[]],5,7,[],[],["Assets from Murlykla",true,"Arial",17,0,true,false,[0.47058823529411764,0.47058823529411764,0.47058823529411764],0,0,0,true,0]],[[122,11,0,200,30,0,0,[1,1,1,1],0,0,0,0,[]],7,11,[],[],["Is Running ",true,"Arial",12,0,false,false,[0,0,0],0,0,0,true,0]],[[120,37,0,200,30,0,0,[1,1,1,1],0,0,0,0,[]],8,12,[0],[],["Any animation finished: 0",true,"Arial",12,0,false,false,[0,0,0],0,0,0,true,0]],[[120,63,0,200,30,0,0,[1,1,1,1],0,0,0,0,[]],9,13,[0],[],["Run animation finished: 0",true,"Arial",12,0,false,false,[0,0,0],0,0,0,true,0]]],[],0]],[],[]]],[["Event sheet 1",[[0,0,false,null,554690986948981,1,[[0,7,null,1,false,false,false,694463840700527,null]],[[-1,8,null,381813849675962,0,null,[[1,[0]],[3,1]]],[-2,"SetIdleState",null,612765897866696,0,null]]],[3,[false,"Main"],false,null,823723420148170,2,[[-1,9,null,0,false,false,false,0,false,[[1,[0]]]]],[],[[0,0,false,null,727071623645836,3,[[1,10,null,1,false,false,false,609606150967207,null,[[9,39]]]],[[0,11,null,288951721364919,0,null,[[16,false]]],[-2,"SetRunState",null,247184081469331,0,null]]],[0,0,false,null,530794082250574,4,[[1,12,null,0,false,true,false,460765857961525,null,[[9,39]]],[1,12,null,0,false,true,false,192265172835824,null,[[9,37]]],[1,12,null,0,false,true,false,679205180471502,null,[[9,38]]],[1,12,null,0,false,true,false,661767758020543,null,[[9,40]]],[-1,13,null,0,false,false,false,772655505680224,null]],[[-2,"SetIdleState",null,481431259685139,0,null]]],[0,0,false,null,336433050100178,5,[[1,10,null,1,false,false,false,782064121935287,null,[[9,37]]]],[[0,11,null,295920835649818,0,null,[[16,true]]],[-2,"SetRunState",null,787243115434873,0,null]]],[0,0,false,null,209014263658449,6,[[1,10,null,1,false,false,false,185905863038369,null,[[9,38]]]],[[-2,"SetRunState",null,482068393692473,0,null]]],[0,0,false,null,362044810182279,7,[[1,10,null,1,false,false,false,934502453496615,null,[[9,40]]]],[[-2,"SetRunState",null,827681765315319,0,null]]],[0,0,false,null,800428280887307,8,[[1,10,null,1,false,false,false,322609340410504,null,[[9,32]]]],[[0,14,null,248937731429421,0,null,[[1,[1]],[16,false]]]]],[0,0,false,null,961725521940944,9,[[0,15,null,1,false,false,false,709578475553517,null,[[1,[1]]]]],[[-2,"SetIdleState",null,415678932468507,0,null]]],[0,0,false,null,895148395534211,10,[[0,16,null,0,false,false,false,800554269029530,null,[[1,[2]]]]],[[7,17,null,422552093747724,0,null,[[7,[3]]]]]],[0,0,false,null,225137277339801,11,[[-1,18,null,0,false,false,false,970798890562933,null]],[[7,17,null,827322242916333,0,null,[[7,[4]]]]]],[4,["SetRunState",0,[],true],false,null,370032876731922,12,[[0,16,null,0,false,true,false,864968706504566,null,[[1,[2]]]]],[[0,14,null,425762001805630,0,null,[[1,[2]],[16,true]]]]],[4,["SetIdleState",0,[],true],false,null,688603524438358,13,[[0,16,null,0,false,true,false,312872308844273,null,[[1,[5]]]]],[[0,14,null,125777890775043,0,null,[[1,[6]],[16,true]]]]],[0,0,false,null,875931413505219,14,[[0,19,null,1,false,false,false,101075410889083,null]],[[8,20,null,738657914171619,0,null,[[10,0],[7,[7]]]],[8,17,null,641691253206969,0,null,[[7,[8,[2,8,false,0]]]]]]],[0,0,false,null,900400060664537,15,[[0,15,null,1,false,false,false,359173059817829,null,[[1,[2]]]]],[[9,20,null,490942428526294,0,null,[[10,0],[7,[7]]]],[9,17,null,824593299215093,0,null,[[7,[9,[2,9,false,0]]]]]]]]]]]],[],"media/",false,480,854,3,true,"trilinear",true,"1.0.0.0",true,false,3,2,14,false,true,1,true,false,[],"icons/",[],true,"680j78qw5qc","fonts/",[],"high-performance",[],"standard"]}
--------------------------------------------------------------------------------
/src/c3runtime/spine-palette.js:
--------------------------------------------------------------------------------
1 | // @ts-check
2 | "use strict";
3 |
4 | class SpinePalette {
5 | constructor(indexSize, paletteNumber) {
6 | // 4 elements, RGBA order
7 | this._palette = new Uint8Array(paletteNumber*indexSize*4);
8 | this._enable = false;
9 | this._indexSize = indexSize;
10 | this._paletteNumber = paletteNumber;
11 | this._slotPalette = {};
12 | this._slotPaletteOffset = {};
13 | this._paletteTexture = null;
14 | this._c3PaletteTexture = null;
15 | this._uploadNeeded = false;
16 | this._entryUploadNeeded = new Array(paletteNumber);
17 |
18 | this._palette.fill(255);
19 | this._entryUploadNeeded.fill(false);
20 | }
21 |
22 | get palette() { return this._palette;}
23 | get enable() { return this._enable;}
24 | get indexSize() { return this._indexSize;}
25 | get paletteNumber() { return this._paletteNumber;}
26 | set enable(value) { this._enable = value;}
27 | get slotPalette() { return this._slotPalette;}
28 | get slotPaletteOffset() { return this._slotPaletteOffset;}
29 | get paletteTexture() { return this._paletteTexture;}
30 | get uploadNeeded() { return this._uploadNeeded;}
31 | set uploadNeeded(value) { this._uploadNeeded = value;}
32 | get entryUploadNeeded() { return this._entryUploadNeeded;}
33 |
34 | createPaletteTexture(renderer)
35 | {
36 | let options = { mipMap: false, sampling: 'nearest', pixelFormat:'rgba8', wrapX: "repeat", wrapY: "repeat" }
37 | this._c3PaletteTexture = renderer.CreateDynamicTexture(this.indexSize, this.paletteNumber, options);
38 | this._paletteTexture = this._c3PaletteTexture._texture;
39 | }
40 |
41 | setSlotPalette(slotName, paletteNumber)
42 | {
43 | if (paletteNumber < 0 || paletteNumber >= this.paletteNumber) paletteNumber = 0;
44 | this._slotPalette[slotName] = Math.floor(paletteNumber);
45 | }
46 |
47 | setSlotPaletteOffset(slotName, paletteOffset)
48 | {
49 | this._slotPaletteOffset[slotName] = Math.floor(paletteOffset);
50 | }
51 |
52 | getSlotPalette(slotName)
53 | {
54 | if (this.slotPalette.hasOwnProperty(slotName))
55 | {
56 | return this._slotPalette[slotName];
57 | }
58 | // Default to palette 0
59 | return 0;
60 | }
61 |
62 | setColor(paletteNumber, index, color)
63 | {
64 | if (index < 0 || index > this.indexSize-1) return;
65 |
66 | const spineBatcher = globalThis.spineBatcher;
67 | this._palette[paletteNumber*this.indexSize*4+index*4+0] = spineBatcher.getRValue(color)*255;
68 | this._palette[paletteNumber*this.indexSize*4+index*4+1] = spineBatcher.getGValue(color)*255;
69 | this._palette[paletteNumber*this.indexSize*4+index*4+2] = spineBatcher.getBValue(color)*255;
70 | this._palette[paletteNumber*this.indexSize*4+index*4+3] = spineBatcher.getAValue(color)*255;
71 | this.uploadNeeded = true;
72 | }
73 |
74 | setDefaultColors(paletteNumber, colorScale, alphaScale)
75 | {
76 | let defaultPalette = [];
77 | if(this.indexSize == 8)
78 | {
79 | // DB8 https://github.com/geoffb/dawnbringer-palettes/blob/master/DB8/db8.txt
80 | defaultPalette = [ 'FF000000','FF55415F','FF646964','FFD77355','FF508CD7','FF64B964','FFE6C86E','FFDCF5FF'];
81 | } else if(this.indexSize == 16)
82 | {
83 | // DB16 https://github.com/geoffb/dawnbringer-palettes/blob/master/DB16/db16.txt
84 | defaultPalette = [ 'FF140C1C','FF442434','FF30346D','FF4E4A4F','FF854C30','FF346524','FFD04648','FF757161',
85 | 'FF597DCE','FFD27D2C','FF8595A1','FF6DAA2C','FFD2AA99','FF6DC2CA','FFDAD45E','FFDEEED6'];
86 | } else if(this.indexSize == 32)
87 | {
88 | // DB32 https://github.com/geoffb/dawnbringer-palettes/blob/master/DB32/db32.txt
89 | // defaultPalette = [ 'FF000000','FF222034','FF45283C','FF663931','FF8F563B','FFDF7126','FFD9A066','FFEEC39A',
90 | // 'FFFBF236','FF99E550','FF6ABE30','FF37946E','FF4B692F','FF524B24','FF323C39','FF3F3F74',
91 | // 'FF306082','FF5B6EE1','FF639BFF','FF5FCDE4','FFCBDBFC','FFFFFFFF','FF9BADB7','FF847E87',
92 | // 'FF696A6A','FF595652','FF76428A','FFAC3232','FFD95763','FFD77BBA','FF8F974A','FF8A6F30'];
93 |
94 | // ENDESGA 32 https://lospec.com/palette-list/endesga-32
95 | defaultPalette = [ 'FFbe4a2f','FFd77643','FFead4aa','FFe4a672','FFb86f50','FF733e39','FF3e2731','FFa22633',
96 | 'FFe43b44','FFf77622','FFfeae34','FFfee761','FF63c74d','FF3e8948','FF265c42','FF193c3e',
97 | 'FF124e89','FF0099db','FF2ce8f5','FFffffff','FFc0cbdc','FF8b9bb4','FF5a6988','FF3a4466',
98 | 'FF262b44','FF181425','FFff0044','FF68386c','FFb55088','FFf6757a','FFe8b796','FFc28569'];
99 | }
100 |
101 | for(let i = 0; i