cocos2d - JS 工具 - Rect可视化

最新推荐文章于 2024-04-17 04:56:39 发布

Yu______________

最新推荐文章于 2024-04-17 04:56:39 发布

阅读量783

点赞数 1

分类专栏： Cocos2d - JS 工具

本文链接：https://blog.csdn.net/yu__jiaoshou/article/details/52027235

版权

Cocos2d - JS 同时被 2 个专栏收录

46 篇文章 1 订阅

订阅专栏

工具

3 篇文章 0 订阅

订阅专栏

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