cocos2d - JS 工具 - Rect可视化

cocos2d - JS 工具 - Rect可视化 :

作用 :

在 Sprite 周围显示一个外边框, 使得 Rect 可视化.

使用方法 :

传入父节点( node ) 和 需要显示的节点( Sprite ).

var sp = new cc.Sprite("res/CloseNormal.png");
sp.setPosition(cc.winSize.width/2, cc.winSize.height/2);
this.addChild(sp);


SHOW_RECT(this, sp);

实现函数 :

var SHOW_RECT = function(node, sp){
    var rect = sp.getBoundingBox();
    var pos = sp.getPosition();
    var color = cc.color(255, 0, 0, 255);
    var point1 = cc.p(pos.x - rect.width/2, pos.y - rect.height/2);
    var point2 = cc.p(pos.x + rect.width/2, pos.y + rect.height/2);
    var draw = new cc.DrawNode();
    draw.drawRect(point1, point2, null, 2, color);
    node.addChild(draw, 10000);
};

效果 :