您的位置:首页 > 移动开发 > Cocos引擎

cocos2d - JS 工具 - Rect可视化

2016-07-25 20:33 627 查看

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);
};


效果 :

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: