HaxeFlixel change slot color

BarryAbrams

I'm attempting to modify the colors of specific slots during runtime, when the FlxSpine is created.

My new function looks something like this:

public function new() {
super(FlxSpine.readSkeletonData("man", "assets/spine/"), 0, 0);

var slot = skeletonData.findSlot("hand");
slot.color.set(.2, .4, .6, .5);
trace(slot.getColor().r);
skeleton.updateWorldTransform();
}

The code compiles OK, and I don't get any errors, but whatever I do, I can't seem to get the colors of the slots to change at all. The trace function returns the color it's supposed to be, but the slot and it's attachment don't change at all.

Could someone steer me in the right direction?

BarryAbrams

I did some research. I loaded the default spineboytest into haxeflixel and tried to change any colors through the code. The color data is changing (I can run a trace on the slots), but the visuals don't.

So, I tried changing the colors inside of spine itself, in the walk animation. I set it to transition between 3 colors. When I export, I can see the color information is in the json file, but the color transform just doesn't come through to HaxeFlixel.

It seems to me that the HaxeFlixel library just doesn't support color tinting. If anyone know otherwise, please let me know.

BarryAbrams

I didn't figure out why the color value wasn't taking, but I did figure out a way around it. I saw that in FlxSpine.hx, it was really just creating FlxSprite's for each bone. If I overrided the draw function in my FlxSpine, I could cycle through each slot, and modify the regionAttachment (as a FlxSprite). I used Flixel's color attitude for sprites to change the colors.

My override function looks something like this:

override public function draw():Void {
	var drawOrder:Array<Slot> = skeleton.drawOrder;

for (slot in drawOrder) 
{
	var attachment:Attachment = slot.attachment;
	if (Std.is(attachment, RegionAttachment)) 
	{
		var regionAttachment:RegionAttachment = cast attachment;
		regionAttachment.updateVertices(slot);
		var wrapper:FlxSprite = get(regionAttachment);

		if (slot.toString() == "face")
		{
			wrapper.color = 0xFF00FF;
		}        
		wrapper.draw();
	}
}
super.draw();
}

Nate

Sounds like a problem with the rendering not using the slot colors. Sorry I'm not more familiar with Flixel.