CVP认证学习笔记--李天宇015实现绘图节点

本节课我学习了如何绘制节点，作业的内容是画一个五角星，运用的函数为DrawNode.它继承自node。摘自：

http://api.cocos.com/cn/dd/d6a/classcocos2d_1_1_draw_node.html#details 

下面是我的核心代码：首先我创建了一个专门画节点的类

var star = cc.DrawNode.extend({

        ctor:function () {

        this._super();

        //这是第一个三角形

        var points1 = [cc.p(140,360),

                       cc.p(90,200),

                       cc.p(190,200)];

        this.drawPoly(points1,cc.color(255,255,0),1,cc.color(255,255,0));

        var points1_1 = [cc.p(140,240),

                         cc.p(90,200),

                         cc.p(190,200)];

        this.drawPoly(points1_1,cc.color(255,0,0,255),1,cc.color(255,0,0,255));

        //这是第二个三角形

        var points2 = [cc.p(220,300),

                       cc.p(60,300),

                       cc.p(190,200)];

        this.drawPoly(points2,cc.color(255,255,0),1,cc.color(255,255,0));

        var points2_2 = [cc.p(220,300),

                       cc.p(170,260),

                       cc.p(190,200)];

        this.drawPoly(points2_2,cc.color(255,0,0),1,cc.color(255,0,0));

        return true;

    }

});

然后在layer里添加之前创建的五角星。

var HelloWorldLayer = cc.Layer.extend({

    sprite:null,

    ctor:function () {

        this._super();

        var bg = new cc.LayerColor(cc.color(255,0,0,255),800,450);

        this.addChild(bg);

        var star1 = new star();

        this.addChild(star1);

        var star2 = new star();

        star2.setScale(0.3);

        star2.setPosition(cc.p(200,100));

        star2.setRotation(30);

        this.addChild(star2);

        var star3 = new star();

        star3.setScale(0.3);

        star3.setPosition(cc.p(330,150));

        this.addChild(star3);

        var star4 = new star();

        star4.setScale(0.3);

        star4.setPosition(cc.p(380,230));

        star4.setRotation(-30);

        this.addChild(star4);

        var star5 = new star();

        star5.setScale(0.3);

        star5.setPosition(cc.p(200,350));

        star5.setRotation(30);

        this.addChild(star5);

        return true;

    }

});

var HelloWorldScene = cc.Scene.extend({

    onEnter:function () {

        this._super();

        var layer = new HelloWorldLayer();

        this.addChild(layer);

    }

});

最后附上作业链接：

http://www.cocoscvp.com/usercode/2016_04_20/6b72fac9c38202e2d5888bc13b942293dfae3c0e/