overlapping partially transparent shapes in openGL

Please check this neat piece of code I found:

glEnable(GL_LINE_SMOOTH);

glColor4ub(0, 0, 0, 150);
mmDrawCircle( ccp(100, 100), 20, 0, 50, NO);

glLineWidth(40);
ccDrawLine(ccp(100, 100), ccp(100 + 100开发者_StackOverflow, 100));

mmDrawCircle( ccp(100+100, 100), 20, 0, 50, NO);

where mmDrawCircle and ccDrawLine just draws these shapes [FILLED] somehow... (ccp means a point with the given x, y coordinates respectively).

My problem .... Yes, you guessed it, The line overlaps with the circle, and both are translucent (semi transparent). So, the final shape is there, but the overlapping part becomes darker and the overall shape looks ugly.. i.e, I would be fine if I was drawing with 255 alpha.

Is there a way to tell OpenGL to render one of the shapes in the overlapping parts??

(The shape is obviously a rectangle with rounded edges .. half-circles..)

You could turn on GL_DEPTH_TEST and render the line first and a little closer to the camera. When you then render the circle below, the fragments of the line won't be touched. (You can also use the stencil buffer for an effect like this).

Note that this might still look ugly. If you want to use anti-aliasing you should think quite hard on which blending modes you apply and in what order you render the primitives.