Cocos2d-js 学习（四）: DrawNode简单使用

1、  构造： var Draw= new cc.DrawNode();

2、  画线:

Draw.drawSegment(

           cc.p(0, 0),// 起点

           cc.p(0,100), // 终点

           10, // 线粗

           cc.color(0,255, 255, 255) // 颜色

);

 

3、  画圆:

Draw.drawDot(

           cc.p(200,200), // 圆点

           100, // 半径

           cc.color(255,255, 255, 125) // 圆的颜色

);

 

4、  画矩形

Draw.drawRect(

           cc.p(20,20), // 起点

           cc.p(200,200), // 起点的对角点

           cc.color(255,0, 0, 125), // 填充颜色

           10, // 线粗

           cc.color(255,255, 255, 255) // 线颜色

);

 

5、  画多边形

Draw.drawPoly(

           [cc.p(0, 0),cc.p(0, 100), cc.p(200, 200)], // 多边形的点

           cc.color(255,255, 255, 125), // 填充颜色

           10, // 线粗

           cc.color(111,111, 111, 255) // 线颜色

);

 

6、  画一截一截的圆

Draw.drawCircle(

           cc.p(200,200), // 圆心

           100, // 半径

           0, // 画圆的起始角度

           20, // 这个圆由多少截线段组成

           false, // 是否显示圆心到开始角度的线

           10, // 线粗

           cc.color(255,255, 255, 255) // 线条颜色

);