cocosdx血条实现方案.docxVIP

血条实现方案（2d-x）血条实现方案一：血条使用一个精灵sprite来实现，也就是血条是一个整体优点：代码实现简单，只需要使用progresstimer或者setTextureRect来实现即可，当然也可以使用setScanleX属性来改变，具体效果可自己参考，血条颜色可以有渐变效果，不必采用一种颜色缺点：因为是实现原理是用一个长方形去造成一个遮挡，所以血条变化的形式就是竖直的变化，就像下图中的游戏的血条一样，但是这样的话如果图片是做成plist的话，建议使用texturepacker把rotate属性不要勾选血条实现方案二：使用CCScale9Sprite九宫格实现，通过设置九宫格的setPreferredSize来设置血条的变化优点：节省资源，因为不需要把血条画一张整图，只要一部分即可，代码设置也就是一条代码，根据具体的形状，可以按照某种形式变化，如下图所示的血条，就可以使用九宫格，血条的图片是一个平行四边形即可，变化时斜着变化的缺点：实现向上图这种血条颜色渐变的效果可能比较麻烦（自己的看法），同事当血量减少为0时，可能会出现显示的问题，具体看自己的代码以上血条变化的方式都是从右往左变化，如果要是用从左往右变化呢方案一：改变血条的层次关系，把血条的黑色背景放到最上面，血条图片放到下面，血条不变，逐渐增加黑色部分的长度，遮挡血条，形成血条的这种变化这种实现方式不建议，因为相对来说实现复杂，容易出错方案二：直接采用CCnode的翻转功能，围绕Y轴翻转即可，原理就是采用CCnode的getCamera（）然后setEyeXYZ()即可具体可参考以下代码//___________________________________________________________________________________________//围绕X轴顺时针旋转指定角度，角度为负时逆时针旋转void CBaseSprite::SetRotateX(float fa){float ra = (float)CC_DEGREES_TO_RADIANS(fa); float i = sinf(ra) * CCCamera::getZEye(); float j = cosf(ra) * CCCamera::getZEye();getCamera()-setEyeXYZ(0, i, j);}//___________________________________________________________________________________________//围绕Y轴顺时针旋转指定角度，角度为负时逆时针旋转void CBaseSprite::SetRotateY(float fa){float ra = (float)CC_DEGREES_TO_RADIANS(fa); float i = sinf(ra) * CCCamera::getZEye(); float j = cosf(ra) * CCCamera::getZEye();getCamera()-setEyeXYZ(i, 0, j);}//___________________________________________________________________________________________//围绕Z轴顺时针旋转指定角度，角度为负时逆时针旋转void CBaseSprite::SetRotateZ(float fa){setRotation(fa);}