So I'm working with just the generic Javascript runtime, and I'm not using anything else as a go-between (yet, and I'd prefer not to) other than just basic jQuery.
In just a day's work I've made a lot of progress despite a general lack of documentation. I've got my creation rendered onto an HTML5 canvas and for now I'm controlling it with some basic button HTML button elements and Javascript. All's well: I can switch between animations and swap out a slot's region attachment. I'm not currently using skins, though I can understand their benefit when needing to swap out many body parts at once.
$( "#walk" ).click(function() { renderer.state.addAnimationByName(0, 'walk', true, 0); });
$( "#idle" ).click(function() { renderer.state.addAnimationByName(0, 'idle', true, 0); });
$( "#hair01" ).click(function() {
renderer.skeleton.setAttachment('hair_head', 'hair/hair01');
renderer.skeleton.setAttachment('hair_back', '');
});
$( "#hair02" ).click(function() {
renderer.skeleton.setAttachment('hair_head', 'hair/hair02');
renderer.skeleton.setAttachment('hair_back', '');
});
$( "#hair03" ).click(function() {
renderer.skeleton.setAttachment('hair_head', 'hair/hair03');
renderer.skeleton.setAttachment('hair_back', 'hair/hair03_back');
});
-
Alright, so, now to my issue: See, the thing is, I'd like to be able to programmatically change the hair color - Spine's built in rgba tinting works great in the program itself but no amount of re-exporting the json file is actually carrying over tinted attachments to run time - and I've tried tinting the region, the slot, and even the bone itself and none of it is actually rendering in canvas.
The file is definitely saved, the json is definitely up to date, I've made extra sure I'm using the latest version of the runtime from github. I've even tried clearing my cache and using a different browser. I'm pretty sure this is just a feature that the Javascript runtime just doesn't support??
Now, I could manually make multiple images, tint and save them in a different program and add them all as attachments to that slot and swap them out tediously. I'd, for obvious reasons, rather not - my end goal is to have an eyedropper feature to just, on the fly, modify the avatar's hair color.
So... yeah, that's where I'm at right now.
Does another Javascript-based runtime render colors? How could I manually hack this into canvas with raw Javascript/jQuery without using another third party party file (since I really don't need an entire extra engine just for this one thing)?
(I'm open to suggestions for other runtime engines, I guess, so long as they're not entire game engines and just something meant to extend only spine. I don't need a bulky physics engine, map renderer, etc.)
Unrelated, any idea when the new 'shear' feature be a part of the runtime? (My animations look really cool with some 'shear' effects but I had to delete them all so the json file would actually read without errors.)
Thanks ahead of time!
