• Editor

  • Setup Color

    inglês
Related Discussions
...

Hi Nate,

Im painting at runtime the slots of my animations, but I have a problem.

If I put in setup mode a color in the editor, then change the setup color in animation mode (ex: in the middle of an animation change it to red or black) and finally return to the original setup color, all works perfect.

But if change at runtime the slot color, the animation will change it to the original color made in the editor.

Ex:
Setup slot color(editor): yellow

Animation: yellow(no key), change to red, back to yellow

runtime slot color: blue

Animation: blue(no key), change to red, back to yellow(need to be blue)

So Im thinking about making a variable: SetupColor, so in animation you can key the setup color, not a color.

This make sense?

6 dias depois

Sorry for the delayed response!

The same is true for any state that an animation manipulates. Eg, if you manipulate rotation then apply an animation that keys rotation, your manipulation will be overridden. Each frame you could apply an animation, then apply any manipulations you want. This way you can override the animation keys.

So following my example how could you do that? When I need to apply the colors?

Im using 2tkd + Unity, can you give me an example with code?

Thank you

Modify SkeletonAnimation or extend it and override this method:

	override public void UpdateSkeleton (float deltaTime) {
		state.Update(deltaTime * timeScale);
		state.Apply(skeleton);
		
	// Manipulate the skeleton here.
	
	skeleton.Update(deltaTime * timeScale);
	skeleton.UpdateWorldTransform();
}

Sorry if I don't understand. Im an artist with basic level of code 🙂

I add your code to the SkeletonAnimation, so It look like this

override public void UpdateSkeleton (float deltaTime) {
		// Apply the animation.
		state.Update(deltaTime * timeScale);
		state.Apply(skeleton);

	// Manipulate the skeleton here.
	
	skeleton.Update(deltaTime * timeScale);
	skeleton.UpdateWorldTransform();

	// Call overridden method to call skeleton Update and UpdateWorldTransform.
	base.UpdateSkeleton(deltaTime);
}

So this is ok? where I need to apply the manipulations? Or Im doing it wrong, and I need to manipulate the skeleton after I changed the colors?

Use my code for UpdateSkeleton and replace "// Manipulate the skeleton here." with your code that manipulates the skeleton. Don't call base UpdateSkeleton.

22 dias depois

Hey nate!

I follow the instructions from this post
http://www.esotericsoftware.com/forum/v ... f=7&t=1584

But I have a problem. This code overrides all the key colors.

So what is the best option to override the "setup" colors?

Ex:
Setup color(in editor): yellow

Animation(in editor): yellow, change to red, back to yellow

Animation(at runtime): blue, change to red, back to blue
(make it blue)

spiral escreveu

This code overrides all the key colors.

Eh, what code does something with colors? The UpdateBones listener doesn't.

So what is the best option to override the "setup" colors?

If you change a skeleton, it stays changed unless you or an animation changes it again. If you don't like your setup colors, just change them by getting the slot and setting a color. You can change the color in the SkeletonData which changes the setup pose and affects all Skeletons, or in the Skeleton which affects only that instance.

Nate escreveu
spiral escreveu

This code overrides all the key colors.

Eh, what code does something with colors? The UpdateBones listener doesn't.

So what is the best option to override the "setup" colors?

If you change a skeleton, it stays changed unless you or an animation changes it again. If you don't like your setup colors, just change them by getting the slot and setting a color. You can change the color in the SkeletonData which changes the setup pose and affects all Skeletons, or in the Skeleton which affects only that instance.

Sorry, this is the code:

Im using Unity + 2dtk + playmaker


using UnityEngine;

namespace HutongGames.PlayMaker.Actions
{
    [ActionCategory("2D Spine")]
    [Tooltip("Set Color. \nNOTE: The Game Object must have a SkeletonAnimation attached.")]
public class SpineSetColor : FsmStateAction
  {
     [RequiredField]
     [Tooltip("The Game Object to work with. NOTE: The Game Object must have a SkeletonAnimation component attached.")]
     

	[CheckForComponent(typeof(SkeletonAnimation))]
    public FsmOwnerDefault gameObject;

  [RequiredField]
  [Tooltip("Set color")]
public FsmColor colorSlot;

private SkeletonAnimation skeletonAnimation;


private void _getSkeletonAnimation()
       {
          GameObject go = Fsm.GetOwnerDefaultTarget(gameObject);
            if (go == null) 
               {
                return;
               }

		skeletonAnimation = go.GetComponent<SkeletonAnimation>();
   }


public override void Reset()
       {
                  gameObject = null;
                   colorSlot = null;
       }

public override void OnEnter()
       {
          _getSkeletonAnimation();

 skeletonAnimation.UpdateBones += SetColor;
		
 Finish ();
   }




void SetColor(SkeletonComponent skeletonAnimation)

    {
       if (skeletonAnimation == null)
          {
           LogWarning("Missing skeletonAnimation component");
           return;
          }

      else
          {
			System.Collections.Generic.List<Spine.Slot> slots = skeletonAnimation.skeleton.slots;

			foreach(Spine.Slot slot in slots)

			{
			Color color = colorSlot.Value;
			
			slot.R = color.r;
			slot.G = color.g;
			slot.B = color.b;
			slot.A = color.a;
				
			}


		  }
		
    }
   }

}

So if I change the skeletonData, will it change the color for all gameobjects with this skeletonData?
I need to change it individually for each gameobject, and only override the setup color.

I need my characters to be in different colors, also I change the body parts with skins for each part(head, eyes, etc), making a runtime skin and mixing the parts. So I can't paint them in the editor(if i have 20 colors, i need 20 skin for each part with the proper color).

Sorry for my english 🙂

You can set the color of a slot to tint the attachment in the slot. You can set the color of a skeleton to tint the whole skeleton.

Dear god you have horrible formatting. 🙂 Try this:

void SetColor (SkeletonComponent skeletonAnimation) {
	if (skeletonAnimation == null) {
		LogWarning("Missing skeletonAnimation component");
		return;
	}
	skeletonAnimation.skeleton.R = color.r;
	skeletonAnimation.skeleton.G = color.g;
	skeletonAnimation.skeleton.B = color.b;
	skeletonAnimation.skeleton.A = color.a;
}

You don't need to do it in UpdateBones, if you set the skeleton color it stays that way. Animations don't change the skeleton color.

Thank you nate now it works!!

And how do you tint an attachment?

PD: sorry for formatting I'm artist 🙂

So if I don't want to tint all skeletons using the same attachment, my best option is to make it in Spine.

Ex:

Body part: Head

Skins: Head1, Head2, Head3

Colors:

Red skins: Head1 Red, Head2 red, Head3 red
Blue skins: Head1 Blue, Head2 Blue, Head3 Blue

And then at runtime mixing them in a new skin.

There are many ways you can do it. Describe how you want to use things I can suggest how to organize it. Probably you have slot "head" with attachments "head1", "head2", and "head3". At runtime you tint the head slot for each skeleton to be the color you want. Not sure why you are making it more complicated than that?

Im mixing skins that have different body parts, also the skins have multiple images keyed in animations.
Like this post:
http://www.esotericsoftware.com/forum/v ... atch#p3859

I go a step further and also want to tint the body parts with different colors.

Ex:
Bodyparts(slots): Head, eyes, mouth, legs, shoes.

Skins for each body part:
Head: Skin head1, skin head2, skin head3
eyes: Eyes1, Eyes2, Eyes3
Mouth: Mouth1, Mouth2, etc...

Also skins have multiple skin placeholders:

Skin Eyes1: eyes open, eyes closed,etc.

The final goal is to create a new skin with different body parts with different colors:

ex:
New runtime skin1: Head blue, eyes black, mouth red, shoes yellow.
New runtime skin2: Head red, eyes blue, mouth yellow, shoes green.

Ok, it sounds like you are doing it just fine (in your last post, not the ones before that). You will need to set the slot color to tint the attachments.

Set the slot colors at runtime? I cant because I have keyed colors in animations.

Making it clear:
If i change the skeleton color at runtime, I only have one color per skeleton but my keyed colors still working.
If I change the slot color at runtime, I will lost it in the first keyed color the animation plays
If I override the slot color calling UpdateBones, I will override all keyed colors.
If I wait for tinting attachments at runtime, they will affect all skeletons.

So duplicate skins and tinting the skin's attachments per color is the only way I found. If I didnt miss something.

You got it right. You can try this:

skeletonAnimation.UpdateBones += UpdateBones;
headSlot = skeletonAnimation.FindSlot("head");
...
public void UpdateBones (SkeletonComponent skeletonAnimation) {
	headSlot.R *= r;
	headSlot.G *= g;
	headSlot.B *= b;
	headSlot.A *= a;
}

Where r,g,b,a is the color you want for the head slot. By using multiplication, you will combine whatever the animation sets with the color you want. However, this will only work if the animation has a key for that color. If your animation doesn't key the color for that slot or not all animations do, then you can set the color of the slot to 1,1,1,1 before applying the animation. Then if the animation does NOT key color, you get r1,g1,b1,a1. If the animation DOES key the color, you get ranimationR,ganimationG,banimationB,aanimationA.

It was a good try, but I need to keep a specific palette of colors in order to get good results.
I know that is very specific what I'm trying to do. At least I have a way to do that in Spine, So no bad news 🙂

What I was thinking is why in Spine you can change the color of the same attachment in different skins, and you can't do the same at runtime.

ex:

Name of attachment: Head1

Skin Blue > Slot Head > skin placeholder "head" > attachment Head1: tint blue

Skin Red > Slot Head > skin placeholder "head" > attachment Head1: tint red