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

前端之家收集整理的这篇文章主要介绍了CVP认证学习笔记--李天宇015实现绘图节点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@本节课我学习了如何绘制节点,作业的内容是画一个五角星,运用的函数DrawNode.它继承自node。摘自:

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

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

@H_403_0@var star = cc.DrawNode.extend({

@H_403_0@ctor:function () {

@H_403_0@this._super();

@H_403_0@//这是第一个三角形

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

@H_403_0@cc.p(90,200),

@H_403_0@cc.p(190,200)];

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

@H_403_0@var points1_1 = [cc.p(140,240),200)];

@H_403_0@this.drawPoly(points1_1,255),255));

@H_403_0@//这是第二个三角形

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

@H_403_0@cc.p(60,200)];

@H_403_0@this.drawPoly(points2,0));

@H_403_0@var points2_2 = [cc.p(220,

@H_403_0@cc.p(170,260),200)];

@H_403_0@this.drawPoly(points2_2,0));

@H_403_0@return true;

@H_403_0@}

@H_403_0@});

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

@H_403_0@var HelloWorldLayer = cc.Layer.extend({

@H_403_0@sprite:null,

@H_403_0@ctor:function () {

@H_403_0@this._super();

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

@H_403_0@this.addChild(bg);

@H_403_0@var star1 = new star();

@H_403_0@this.addChild(star1);

@H_403_0@var star2 = new star();

@H_403_0@star2.setScale(0.3);

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

@H_403_0@star2.setRotation(30);

@H_403_0@this.addChild(star2);

@H_403_0@var star3 = new star();

@H_403_0@star3.setScale(0.3);

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

@H_403_0@this.addChild(star3);

@H_403_0@var star4 = new star();

@H_403_0@star4.setScale(0.3);

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

@H_403_0@star4.setRotation(-30);

@H_403_0@this.addChild(star4);

@H_403_0@var star5 = new star();

@H_403_0@star5.setScale(0.3);

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

@H_403_0@star5.setRotation(30);

@H_403_0@this.addChild(star5);

@H_403_0@return true;

@H_403_0@}

@H_403_0@});

@H_403_0@var HelloWorldScene = cc.Scene.extend({

@H_403_0@onEnter:function () {

@H_403_0@this._super();

@H_403_0@var layer = new HelloWorldLayer();

@H_403_0@this.addChild(layer);

@H_403_0@}

@H_403_0@});

@H_403_0@最后附上作业链接

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

猜你在找的Cocos2d-x相关文章