Цей сайт найкраще переглядати в сучасному браузері з включеним JavaScript.

Read/parse skin names in text format

Fabiano

Hi forum 👋
Is there any way to have the complete skin names available in a text file or string of some kind, so that the coder that has to create characters via mix&match can quickly copy and paste those names into GameMaker?

Reading through the Pretty Printed JSON doesn't really work, as there isn't a simple, intact list to look at, we need to scroll through thousands of lines of code.

I think this tool did what I needed yeas ago, but I've recently tried on a Spine JSON and it seems to work for everything except for skins:

Thanks for your time!

SilverStraw

I am going to attempt to add it. Not tested.

<html lang="en" ng-app="spineApp" ng-controller="spineController"> <head> <title>Spine Data Inspector</title> </head> <body> <textarea json-text style="width: 100%; height: 100px" ng-model="skeleton"></textarea> <h3>Skins</h3> <ul> <li ng-repeat="skin in convertKeyValuePairs(skeleton.skins)"> <span>{{skin}}</span> </li> </ul> <h3>Animations</h3> <ul> <li ng-repeat="animation in convertKeyValuePairs(skeleton.animations)"> <span>{{animation}}</span> </li> </ul> <h3>Bones</h3> <ul> <li ng-repeat="bone in skeleton.bones"> <span>{{bone.name}}</span> </li> </ul> <h3>Slots</h3> <ul> <li ng-repeat="slot in skeleton.slots"> <span>{{slot.name}}</span> </li> </ul> <h3>Skins</h3> <ul> <li ng-repeat="skin in skeleton.skins"> <span>{{skin.name}}</span> </li> </ul> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script> <script> var spineApp = angular.module('spineApp', []) .directive('jsonText', [function() { return { restrict: 'A', require: 'ngModel', link: function(scope, element, attr, ngModel) { function into(input) { return JSON.parse(input); } function out(data) { return JSON.stringify(data); } ngModel.$parsers.push(into); ngModel.$formatters.push(out); } }; }]) .controller('spineController', ["$scope", function($scope) { $scope.convertKeyValuePairs = function(keyValuePairList) { var keyList = []; for (var key in keyValuePairList) { keyList.push(key); } return keyList; } }]) </script> </body> </html>

Fabiano

SilverStraw
Damn Aestos, you fixed it indeed!

It took me a while to realize because you need to scroll down to the end of the output to see the proper skin names list; it outputs another wrong one at the top.
Also, Spine 4.0 exports the JSON following that really unfriendly "alphabetical of the last word" order which makes the skins still not so trivial to find so the script outputs the list in the same order (but at least we have the possibility to Ctrl+F now).

Thanks so much! 🙌

SilverStraw

Fabiano
Okay, I added a sort command. See if that helps with the naming order.

SilverStraw

It's nice that it works.

Fabiano

SilverStraw
Unfortunately the sort command doesn't seem to be doing anything. The new and old outputs are exactly the same. Sounds incredible but... maybe that one also sorts using the last word after all the /?

SilverStraw

Fabiano
Here's another attempt at sorting.

<html lang="en" ng-app="spineApp" ng-controller="spineController"> <head> <title>Spine Data Inspector</title> </head> <body> <textarea json-text style="width: 100%; height: 100px" ng-model="skeleton"></textarea> <h3>Skins</h3> <ul> <li ng-repeat="skin in customSort( skeleton.skins )"> <span>{{skin.name}}</span> </li> </ul> <h3>Animations</h3> <ul> <li ng-repeat="animation in convertKeyValuePairs(skeleton.animations)"> <span>{{animation}}</span> </li> </ul> <h3>Bones</h3> <ul> <li ng-repeat="bone in skeleton.bones"> <span>{{bone.name}}</span> </li> </ul> <h3>Slots</h3> <ul> <li ng-repeat="slot in skeleton.slots"> <span>{{slot.name}}</span> </li> </ul> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script> <script> var spineApp = angular.module('spineApp', []) .directive('jsonText', [function() { return { restrict: 'A', require: 'ngModel', link: function(scope, element, attr, ngModel) { function into(input) { return JSON.parse(input); } function out(data) { return JSON.stringify(data); } ngModel.$parsers.push(into); ngModel.$formatters.push(out); } }; }]) .controller('spineController', ["$scope", function($scope) { $scope.customSort = function( keyValuePairList ){ keyValuePairList.sort( function( a, b ){ if( a.name > b.name ) return 1; else if( b.name > a.name ) return -1; else return 0; } ); return keyValuePairList; } $scope.convertKeyValuePairs = function(keyValuePairList) { var keyList = []; for (var key in keyValuePairList) { keyList.push(key); } return keyList; } }]) </script> </body> </html>

Nate

Sorry I'm late. Thanks SilverStraw for helping out!

We have a way to dump information via the CLI:

Spine -i project.spine

You can specify a project, JSON, or binary data file. Currently output looks like:

> Spine -i spineboy-pro.spine
...
Project info: spineboy-pro.spine
  Spine version: 4.0.07
  Dopesheet FPS: 30
  Skeleton: spineboy-pro
    Size: 418.45 x 686.2
    Bones (67): root, hip, crosshair, aim-constraint-target, rear-foot-target, rear-leg-target, rear-thigh, rear-shin, rear-foot, back-foot-tip, board-ik, clipping, hoverboard-controller, exhaust1, exhaust2, exhaust3, portal-root, flare1, flare10, flare2, flare3, flare4, flare5, flare6, flare7, flare8, flare9, torso, torso2, torso3, front-shoulder, front-upper-arm, front-bracer, front-fist, front-foot-target, front-leg-target, front-thigh, front-shin, front-foot, front-foot-tip, back-shoulder, rear-upper-arm, rear-bracer, gun, gun-tip, neck, head, hair1, hair2, hair3, hair4, hoverboard-thruster-front, hoverboard-thruster-rear, hoverglow-front, hoverglow-rear, muzzle, muzzle-ring, muzzle-ring2, muzzle-ring3, muzzle-ring4, portal, portal-shade, portal-streaks1, portal-streaks2, side-glow1, side-glow2, head-control
    Slots (52): portal-bg, portal-shade, portal-streaks2, portal-streaks1, portal-flare8, portal-flare9, portal-flare10, clipping, exhaust3, hoverboard-thruster-rear, hoverboard-thruster-front, hoverboard-board, side-glow1, side-glow3, side-glow2, hoverglow-front, hoverglow-rear, exhaust1, exhaust2, rear-upper-arm, rear-bracer, gun, rear-foot, rear-thigh, rear-shin, neck, torso, front-upper-arm, head, eye, front-thigh, front-foot, front-shin, mouth, goggles, front-bracer, front-fist, muzzle, head-bb, portal-flare1, portal-flare2, portal-flare3, portal-flare4, portal-flare5, portal-flare6, portal-flare7, crosshair, muzzle-glow, muzzle-ring, muzzle-ring2, muzzle-ring3, muzzle-ring4
    Events (1): footstep
    IK constraints (7): aim-ik, aim-torso-ik, board-ik, front-leg-ik, front-foot-ik, rear-leg-ik, rear-foot-ik
    Transform constraints (8): aim-front-arm-transform, aim-head-transform, aim-torso-transform, front-foot-board-transform, rear-foot-board-transform, toes-board, aim-rear-arm-transform, shoulder
    Animations (11): aim, death, hoverboard, idle, idle-turn, jump, portal, run, run-to-idle, shoot, walk

It will also list the skins but I ran it on a project without skins. 😃

Mario

For giggles, I asked ChatGPT to write a simple program that can extract the skin names from a .json file and display them in alphabetical order. You can create similar little programs using ChatGPT maybe. In this case, I asked it to generate a single .html file with JavaScript. Full prompts and programs here:
https://sharegpt.com/c/31P5xBf

SilverStraw

Now I want to see if it can write the next Spine runtime update. 😆

Fabiano

Thank you so much everybody for helping!

@SilverStraw your final script works correctly 👌

@Nate Ok good to know there was an "official" way to do it for coders. It gives us many more details as well.

@Mario Awesome! I thought about ChatGPT too but unfortunately it's been blocked in Italy (privacy issues I think). VPN would be the way to go I guess but I also thought having the topic here onthe forum could be helpful for others

Mario

@SilverStraw heh, it fails at anything more complicated than extracting rudimentary data from JSON files.