Cocos2d-JS cc.DrawNode用法

app.js

var HelloWorldLayer = cc.Layer.extend({
    sprite:null,
    ctor:function () {
        //////////////////////////////
        // 1. super init first
        this._super();
        //这里输入测试代码
        

        return true;
    }
});

var HelloWorldScene = cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer = new HelloWorldLayer();
        this.addChild(layer);
    }
});

 

 

绘制矩形:drawRect

        //创建draw对象
        var drawNode =new cc.DrawNode();
        //绘制矩形,参数:坐标,大小,填充颜色,边框大小,边框颜色
        drawNode.drawRect(cc.p(0,0),cc.p(300,300),cc.color(),5,cc.color(255,255,0,255));
        //加入Layer层 
        this.addChild(drawNode);

 

画圆点:drawDot

        //创建draw对象
        var drawNode =new cc.DrawNode();
        //画点,参数:坐标,半径, 颜色
        drawNode.drawDot(cc.p(100,100),10,cc.color(255,255,255));
        //加入Layer层 
        this.addChild(drawNode);

 

绘制圆形:drawCircle

        //创建draw对象
        var drawNode =new cc.DrawNode();
        //圆形,参数:原点,半径,弧度,分段(越大越接近圆),原点到弧度的线是否显示,线条宽度,颜色
        drawNode.drawCircle(cc.p(200, 200), 50, 0, 50, false, 2, cc.color(0, 255, 0, 255));
        //加入Layer层 
        this.addChild(drawNode);

 

绘制多边形:drawPoly

        //创建draw对象
        var drawNode =new cc.DrawNode();
       //转折点坐标组
        var vertices = [cc.p(60, 80), cc.p(60, 230), cc.p(500, 80)];
        //多边形,参数:坐标组,填充颜色,边框宽度,边框颜色
        drawNode.drawPoly(vertices, cc.color(0, 255, 255, 80), 2, cc.color(255, 0, 0, 255));
        //加入Layer层 
        this.addChild(drawNode);

 

绘制直线:drawSegment

        //创建draw对象
        var drawNode =new cc.DrawNode();
        //线,参数:起点,终点,线条宽度,线条颜色
        drawNode.drawSegment(cc.p(0, 0), cc.p(200,300), 1, cc.color(255, 0, 255, 255));
        //加入Layer层 
        this.addChild(drawNode);

 

绘制曲线:drawCardinalSpline

        //创建draw对象
        var drawNode =new cc.DrawNode();
        var vertices = [cc.p(60, 80), cc.p(60, 300), cc.p(300, 60)];
        //曲线,参数:点数组,张力,段落,线条宽度,颜色
        drawNode.drawCardinalSpline(vertices, 0.5,4,2,cc.color(255, 255, 255, 255));
        //加入Layer层 
        this.addChild(drawNode);
        

 

 

坐标移动:node.setPosition

        drawNode.setPositionX(22);
        drawNode.setPositionY(22);

 

你可能感兴趣的:(Cocos2d-JS cc.DrawNode用法)