spine cocos2d-x runtime修改：支持挂接CCNode到slot，并跟随动画（包括TSR, color, alpha)

spine的cocos2d-x runtime不是专门为cocos2d-x写的，核心部分是一个通用的spine c runtime，所以对于cocos2d-x的支持不是很好。当然如果只是播个动画啥的也足够了，但是真实使用场景中会有各种需求。比如我们现在需要在spine动画的某个骨骼上绑定一个CCSprite。因为spine的骨骼并不是一个CCNode，所以无法直接绑定，因此需要对spine runtime做一些修改。
核心想法是对于需要绑定的骨骼（其实是slot),生成一个CCNodeRGBA，然后把这个CCNodeRGBA作为CCSkeleton的child，根据骨骼的SRT更新node的TSR,根据slot的rgba设置node的RGBA。这样就可以将任意一个CCNode，如一个CCSprite挂接到该slot/bone上面。如果需要同时支持color动画，则要递归设置node的setCascadeColorEnabled和setCascadeOpacityEnabled。

为了以后升级合并官方runtime方便，我将修改限定在CCSkeleton.h和CCSkeleton.cpp文件中。

CCSkeleton.h中添加：

class CCSkeleton
{
public:
    cocos2d::CCNodeRGBA* getNodeForSlot(const char* slotName);
private:
    struct sSlotNode
    {
        spSlot* slot;
        cocos2d::CCNodeRGBA* node;
    };
    
    typedef std::map<const char*,sSlotNode> SlotNodeMap;
    typedef SlotNodeMap::iterator SlotNodeIter;
    SlotNodeMap m_slotNodes;

};

方法getNodeForSlot用来根据一个slot name获取一个CCNodeRGBA，如果node不存在则创建。
解释一下为什么不获取骨骼而是获取slot。因为spine runtime中一个骨骼可以带有多个slot，并且除了TSR动画（位移缩放旋转），我们还需要挂接上去的Node能支持Color动画（包含alpha),
那么slot就可以满足条件，并且从slot很容易获取相应的bone。也因为如此，使用CCNodeRGBA而不是CCNode。
我们使用m_slotNodes来保存slot name到slot和node的映射。

下面是CCSkeleton.cpp中的实现：

cocos2d::CCNodeRGBA* CCSkeleton::getNodeForSlot(const char* slotName){
    SlotNodeIter iter = m_slotNodes.find(slotName);
    if (iter!=m_slotNodes.end()) {
        sSlotNode& slot_node = iter->second;
        return slot_node.node;
    }
    else{
        spSlot* slot = findSlot(slotName);
        
        if(slot!=NULL){
            CCNodeRGBA* node = new CCNodeRGBA();
            if(node->init()){
                node->autorelease();
            }
            node->setPosition(0, 0);
            this->addChild(node);
            sSlotNode slot_node;
            slot_node.slot = slot;
            slot_node.node = node;
            m_slotNodes.insert(SlotNodeMap::value_type(slotName,slot_node));
            return node;
        }
        else{
            return NULL;
        }
    }
}

getNodeForSlot是被客户代码调用的，使用场景是创建CCSkeletonAnimation后，需要将某个CCNode挂接到某个slot上一起动画。此时调用getNodeForSlot获取该slot对应的CCNodeRGBA。
并且使用获取到的CCNodeRGBA作为父node来执行addChild(需要挂接的node)。

getNodeForSlot的实现很简单：如果该slot name对应的CCNodeRGBA不存在，则创建一个并且放入map中。

之后就剩下最核心的工作了，根据bone和slot来更新CCNodeRGBA。按理说，根据骨骼更新transform的代码应该放到spSkeleton_updateWorldTransform中，但是我不想多修改一个文件，所以我直接放到了CCSkeleton::draw ()中，虽然不那么完美，但是直接有效。另外如果放到CCSkeleton::update中其实是会慢一帧的，所以也不能用。

void CCSkeleton::draw () {
//原始代码
//我们添加的代码放到最后好了，放到if (debugSlots) 这行之前即可。
//for each attached CCNodeRGBA, update the TSR and RGBA
    for (SlotNodeIter iter=m_slotNodes.begin(), end=m_slotNodes.end(); iter!=end; ++iter) {
        sSlotNode& slot_node = iter->second;
        spSlot* slot = slot_node.slot;
        CCNodeRGBA* node = slot_node.node;
        spBone* bone = slot->bone;
        if(bone!=NULL){
            node->setPosition(ccp(bone->worldX, bone->worldY));
            node->setRotation(-bone->worldRotation);
            node->setScaleX(bone->worldScaleX);
            node->setScaleY(bone->worldScaleY);
        }
        node->setOpacity(255*slot->a);
        node->setColor(ccc3(255*slot->r, 255*slot->g, 255*slot->b));
    }
}

这段代码遍历所有我们添加的node，并且找出他所绑定的slot和slot所属的bone。使用bone的x,y,rotation,scale来设置node的相应属性，使用slot的rgba来设置node的opacity和color。

这里的rotation需要反转一下，因为spine runtime的旋转正方向和cocos2d-x不一样。

几乎全部搞定了，但是此时如果将一个CCSprite挂接到getNodeForSlot获取的node上去动画，发现颜色和alpha并不会改变，这是由于我们还没设置CascadeColor和CascadeOpacity,

下面这个方法是从cocos2d-x testcpp工程中拿来的，可以将一个CCNode和其子node递归设置级联透明度和颜色，前提是该node实现了CCRGBAProtocol。因为我们创建的是CCNodeRGBA所以肯定是支持的了，而CCSprite也是支持的，所以再将sprite挂接到rgba node后，执行setEnableRecursiveCascadingRGBA(rgba_node,true)再播放动画，sprite的颜色和alpha就会跟着动画变化了。

static void setEnableRecursiveCascadingRGBA(CCNode* node, bool enable)
{
    CCRGBAProtocol* rgba = dynamic_cast<CCRGBAProtocol*>(node);
    if (rgba)
    {
        rgba->setCascadeColorEnabled(enable);
        rgba->setCascadeOpacityEnabled(enable);
    }
    
    CCObject* obj;
    CCArray* children = node->getChildren();
    CCARRAY_FOREACH(children, obj)
    {
        CCNode* child = (CCNode*)obj;
        setEnableRecursiveCascadingRGBA(child, enable);
    }
}

基本的内容都说完了，那么这个功能的作用是啥呢？可以发挥各种想象力，在这里我要喷一下spine的skin功能，这个功能虽然想法很好，但是局限性太大，必须在编辑器里面将skin创建好并绑定。

如果skin很少还好说，如果有非常多的skin，并且以后游戏内容还是动态更新下载的，就很不方便了，这种大批量的情况下，编辑器里面的操作远远没有配置表方便实用。
当然spine是一个很好的编辑器，我非常喜欢，只是由于作者精力有限并且也不可能了解到所有其他人的需求，所以关键时候我们还得自己动手。