Cocos2d-Js五角星

//五角星
        var rr=100;
        var line=2*rr*Math.PI;
        var x1=rr;
        var y1=2*rr;
        //左第一边角度
        var x2=rr-Math.cos(18*Math.PI/180)*rr;
        var y2=rr+Math.sin(18*Math.PI/180)*rr;
        //左第二边角度
        var x3=rr-Math.cos(54*Math.PI/180)*rr;
        var y3=rr-Math.sin(54*Math.PI/180)*rr;
        //右第三边角度
        var x4=rr+Math.sin(36*Math.PI/180)*rr;
        var y4=rr-Math.cos(36*Math.PI/180)*rr;
        //右第四边角度
        var x5=rr+Math.cos(18*Math.PI/180)*rr;
        var y5=rr+Math.sin(18*Math.PI/180)*rr;
        
        //三角形1
        var x11=(x4-x3)/2+x3;
        var y11=Math.tan(36*Math.PI/180)*(x4-x3)/2+y3;
        
        var lb=(x4-x3)/2/Math.cos(36*Math.PI/180);
        var x22=Math.cos(72*Math.PI/180)*lb+x3;
        var y22=Math.sin(72*Math.PI/180)*lb+y3;
        
        var x33=x4-Math.cos(72*Math.PI/180)*lb;
        var y33=y22;
        
        var points=[cc.p(x2,y2),
                  cc.p(x11,y11),
                  cc.p(x5,y5)];
                  //  点      内部颜色       边线  边线颜色
        node.drawPoly(points,cc.color(255,240,0),0,'');
        var points=[cc.p(x1,y1),
                  cc.p(x22,y22),
                  cc.p(x4,y4)];
        node.drawPoly(points,cc.color(255,240,0),0,'');
        var points=[cc.p(x1,y1),
                  cc.p(x3,y3),
                  cc.p(x33,y33)];
        node.drawPoly(points,cc.color(255,240,0),0,'');

posted @ 2016-06-30 08:56  Guangmang  阅读(269)  评论(0编辑  收藏  举报