How do I draw a line using Cocos2D-X?

Question

I have been playing around with Cocos2D-X on my computer, and I have got it to build the hello world program on all the devices I would like to be able to build it on.

I know how to make the program display a sprite, and display a label, but I have not been able just to get the program to draw a line. How can I draw a line in Cocos2D-X?

Andrew · Accepted Answer · 2012-07-19T12:35:16.833

10

use void ccDrawLine(const CCPoint& origin, const CCPoint& destination) function declared in CCDrawingPrimitives.h

Edit

I've never tried using primitives myself. But as I know everything in cocos2d is rendered vis CCNode or it's subclass. So you must put your code inside draw method of some CCNode or it's subclass.

edited Jul 19 '12 at 12:35

answered Jul 19 '12 at 12:23

Andrew

24,218
13
61
90

I've included CCDrawingPrimitives.h, and written ccDrawLine(CCPoint(0.3f, 0.3f), CCPoint(77.7f, 77.7f)); into my code, but I see no visual difference when I run the application. Am I missing something obvious? – Jon Jul 19 '12 at 12:33
By the way. I faced with the following problem. I've wrote: `this->colorLayer->initWithColor( ccc4( 100, 100, 100, 255 ) )` so I didn't see anything drown with ccDrawLine because of Z-order. Then I just changed it to: `this->colorLayer->init();` and now all shows fine :) – JavaRunner Apr 06 '13 at 17:14

score 7 · Answer 2 · edited Nov 26 '13 at 13:43

7

You must use ccDrawLine function in draw()

Example

void GameLayer::draw()
{
    //red line from bottom left to top right corner
    cocos2d::ccDrawColor4F(1.0f, 0.0f, 0.0f, 1.0f);
    cocos2d::ccDrawLine(ccp(0,0), ccp(100, 100));
}

And remember layer must be empty because it call first draw next it will draw children so if you have children it will overlap what you draw.

Z order :)

So in your code you have class

class MyLayer : public CCLayer
{
    ... //your code
    init()
    {
         CCLayer* pLayer = new GameLayer(); //It will be debug layer :)
     addChild(pLayer);//Alse you can set here Z order.
     pLayer->release();
    }
    virtual void draw()
    {
         //red line from bottom left to top right corner
         ccDrawColor4F(1.0f, 0.0f, 0.0f, 1.0f);
         ccDrawLine(ccp(0,0), ccp(100, 100));
    }
}

Above code will draw what you want.

edited Nov 26 '13 at 13:43

einverne

6,454
6
45
91

answered Nov 11 '12 at 06:25

Gelldur

11,187
7
57
68

1

If my Layer is not empty,I cannot draw. – einverne Nov 25 '13 at 07:29
4

You can but probably you will draw under your children. Change z-order of children. Or override visit and draw on the end – Gelldur Nov 25 '13 at 11:50
Thanks a lot. But I am a little confused about multi-layers. – einverne Nov 26 '13 at 04:05
The `draw()` method has been changed in the latest version. See http://stackoverflow.com/questions/23557033/cocos2d-x-v3-cannot-override-forward-function-draw – DLight Oct 16 '14 at 17:34

score 7 · Answer 3 · answered Nov 26 '13 at 13:31

I have found another easy way to draw line in CCLayer. Cocos2d-x has a class named CCDrawNode. You can check reference here. And it is very easy to use the function:

void drawSegment(const CCPoint & from,
    const CCPoint & to,
    float   radius,
    const ccColor4F & color 
)

Little example:

CCDrawNode* node = CCDrawNode::create();
addChild(node,10);//Make sure your z-order is large enough
node->drawSegment(fromPoint,toPoint,5.0,ccc4f(180,180,180,100));

score 2 · Answer 4 · answered Dec 18 '15 at 11:11

2

auto node = DrawNode::create();
node->drawLine(Vec2(200, 200), Vec2(200, 500), Color4F(1.0, 1.0, 1.0, 1.0));
this->addChild(node);

answered Dec 18 '15 at 11:11

Jaydeep Rudani

21
2

score 1 · Answer 5 · edited May 20 '16 at 18:54

1

In cocos2d-x 3.0 alpha you can use

DrawPrimitives::drawLine(const cocos2d::Point &origin, const cocos2d::Point &destination);

edited May 20 '16 at 18:54

Shankar BS

8,394
6
41
53

answered Dec 24 '13 at 09:54

tanyanzhi

149
2
3

You can, and should use cocos2d-x 3.x, IMHO, but `DrawPrimitives::drawLine(const cocos2d::Point &origin, const cocos2d::Point &destination);` isn't working OOTB. See http://stackoverflow.com/a/22724319/866333 – John Jul 07 '14 at 23:58

How do I draw a line using Cocos2D-X?

5 Answers5