Question

假设使用CCDrawNode创建填充多边形：

CCDrawNode *polygon = [CCDrawNode node];

CGPoint points[4];
points[0] = ccp(-20.0, -20.0);
points[1] = ccp(20.0, -20.0);
points[2] = ccp(20.0, 20.0);
points[3] = ccp(-20.0, 20.0);

[polygon drawPolyWithVerts:points count:4 fillColor:[CCColor blackColor] borderWidth:0.0 borderColor:[CCColor clearColor]];
[self addChild:polygon];

如何在其中切出成形孔，以便达到类似的效果？

http://i.imgur.com/45qetR1.png

将动态生成孔并采用各种配置，因此无法准备一组预制纹理。

我没有运气尝试使用CCDrawNode创建孔作为多边形并应用混合函数：

CCDrawNode *circle = [CCDrawNode node];
[circle drawDot:ccp(0.0, 0.0) radius:10.0 color:[CCColor whiteColor]];
[circle setBlendFunc:(ccBlendFunc){GL_ONE_MINUS_DST_ALPHA, GL_ONE_MINUS_SRC_ALPHA}];
[self addChild:circle];

或

...
[polygon setBlendFunc:(ccBlendFunc){GL_ONE_MINUS_DST_ALPHA, GL_ONE_MINUS_SRC_ALPHA}];
[polygon drawDot:ccp(0.0, 0.0) radius:10.0 color:[CCColor whiteColor]];
[self addChild:polygon];

我相信我尝试了各种混合模式的组合，而不是找到合适的模式。

我显然做错了，因为这看起来像是可以使用混合模式实现的。或者我是否必须覆盖draw方法并应用一些OpenGL ES代码？我试过玩OpenGL但最终没有完成任何事情。另外，我不确定将OpenGL ES（2.0+）与Cocos2D混合的首选方式是什么，我知道我应该避免在“立即模式”中进行操作。

但如果这不是正确的做法，我想知道你的建议。

顺便说一下 - CCDrawNode似乎不支持开箱即用的opacity属性。有没有办法启用它？它只是将其内容呈现为100％不透明度，无论属性值如何。

我在iOS 7.1上使用Cocos2D 3.0。

Answer 1

您应该查看CCClippingNode课程。这是一个例子：

// Square-shaped hole
CCDrawNode *square = [CCDrawNode node];
CGPoint squarePoints[4] = {ccp(-20.0, -20.0), ccp(20.0, -20.0), ccp(20.0, 20.0), ccp(-20.0, 20.0)};
[square drawPolyWithVerts:squarePoints count:4 fillColor:[CCColor blackColor] borderWidth:0.0 borderColor:[CCColor clearColor]];
square.position = ccp(0.0, 0.0);

// Triangle-shaped hole
CCDrawNode *triangle = [CCDrawNode node];
CGPoint trianglePoints[3] = {ccp(-10.0, 25.0), ccp(10.0, 25.0), ccp(0.0, 25.0 + 10.0 * sqrt(3.0))};
[triangle drawPolyWithVerts:trianglePoints count:3 fillColor:[CCColor blackColor] borderWidth:0.0 borderColor:[CCColor clearColor]];
triangle.position = ccp(0.0, 0.0);

// Prepare your stencil
CCNode *stencil = [CCNode node];
[stencil addChild:square];
[stencil addChild:triangle];

// Create a clipping node with the prepared stencil
CCClippingNode *clippingNode = [CCClippingNode clippingNodeWithStencil:stencil];

// Setting the clipping mode to inverted will result in the clipping node drawing its contents everywhere BUT the stencil's non-transparent areas
clippingNode.inverted = YES;

// Create your polygon
CCDrawNode *polygon = [CCDrawNode node];
CGPoint polygonPoints[4] = {ccp(-50.0, -50.0), ccp(40.0, -40.0), ccp(50.0, 50.0), ccp(-40.0, 40.0)};
[polygon drawPolyWithVerts:polygonPoints count:4 fillColor:[CCColor blackColor] borderWidth:0.0 borderColor:[CCColor clearColor]];
polygon.position = ccp(0.0, 0.0);
[clippingNode addChild:polygon];

// Now the clipping node should contain your polygon with shaped-holes in it

如果我没记错的话，使用CCDrawNode创建的实心圆圈在模板中效果不佳，因此您可能需要创建自己的圆绘图类或使用纹理。

在Cocos2D中切割多边形中的成形孔

1 个答案: