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); };
效果 :
相关文章推荐
- cocos2d - JS 屏幕滚动效果
- cocos creator -- 指定自定义事件
- cocos2d-js官方文档 cc.loader
- 使用XCode6.0.1将Cocos2d-x3.1工程打包ipa(支持iOS8)
- 关于cocos2dx虚拟摇杆的lua实现
- cocos2dx-lua制作游戏五维图
- Cocos2dx 截屏功能 3.2以上版本
- cocos2dx C++绑定lua
- Cocos2d-x优化中关于背景图片优化
- cocos2dx3.x物理引擎的碰撞检测
- cocos2d-android - 1.地图动态加载原理(世界地图的实现)
- Cocos Creator脚本开发(一)
- cocos2d-x中shader的使用
- cocos2d, Box2D
- cocos2d - JS 自定义事件(广播)
- cocos2d - JS Rect 相关
- Cocos Creator 视频学习笔记
- CocosCreator上手
- cocos原创
- cocosCreator的一些使用功能