iPhone Cocos2d - Đoạn clip/mặt nạ/khung hình Sprite

Question

Tôi có thể cắt/cắt/mặt nạ như thế nào hoặc chỉ đặt khung của CCSprite trong Cocos2D?

Something tương tự như: thiết lập các khung cho UIView, với subviews cắt = TRUE

CCSprite My chính Sprite có nhiều Child Sprite thêm vào nó. Tôi chỉ muốn Mặt nạ một phần của chính Sprite Sprite hiển thị. Có cách nào để cắt hoặc sử dụng mặt nạ cho CCSprite không?

Tôi có thể cắt nền và lớp ở trên cùng, chỉ để lại vùng hiển thị đó, nhưng đó là cách duy nhất ?!

đây là một hình ảnh mẫu chứng minh những gì tôi đang cố gắng để đạt được: alt text http://dnamique.com/maskSprite.jpg

Answer 1

tôi đã kết thúc bằng GL_SCISSOR.

trong MainSprite tôi impemented:

- (void) visit 
{ 
    if (!self.visible) { 
     return; 
    } 
    glEnable(GL_SCISSOR_TEST); 
    glScissor(x, y, width, height); 
    [super visit]; 
    glDisable(GL_SCISSOR_TEST); 
} 

này sẽ cắt hoặc che khu vực quy định.

Bit khó duy nhất là ở chế độ ngang Cocos2D có 0,0 ở phía dưới cùng bên trái của màn hình, trong khi OpenGL có ở góc dưới cùng bên phải vì nó không xem xét hướng của màn hình.

Nói cách khác, để OpenGL xem xét bạn có màn hình dọc xoay.

Answer 2

Tôi đã viết một lớp ClippingNode thực hiện chính xác điều đó. Bạn có thể thêm các nút khác (sprites, labels, etc.) vào ClippingNode và chúng sẽ chỉ được vẽ trong vùng được chỉ định bởi ClippingNode. Nó cũng đưa tính năng xoay thiết bị vào tài khoản.

Bên trong nó sử dụng GL_SCISSOR_TEST như trong câu trả lời của Bach.

http://www.learn-cocos2d.com/2011/01/cocos2d-gem-clippingnode/

Answer 3

tôi đã cố gắng sử dụng ClippingNode Steffen Itterheim, nhưng đã không thể bắt đầu làm việc trong một đủ mạnh mẽ đủ thời trang cho nhu cầu của tôi.

Tin hay không, mã bên dưới hoạt động khá tốt và phải hoàn thành mã. Nó xử lý các thay đổi định hướng thiết bị, anchorPoint, vị trí, tỷ lệ (scaleX, scaleY). Đối với cocos2d v2, bạn có thể chỉ cần nhận xét các cuộc gọi glPushMatrix và glPopMatrix ..

Để sử dụng, chỉ cần đặt vị trí và contentSize thuộc tính và thêm con/con bạn muốn cắt bớt vào thể hiện ClippingNode này. Thuộc tính contentSize được sử dụng để xác định kích thước của vùng cắt.

example of usage: 
ClippingNode *clipNode = [[ClippingNode alloc] init]; 
clipNode.anchorPoint = ccp(0.5f, 0); 
clipNode.position = ccp(100, 25); 
clipNode.contentSize = CGSizeMake(120, 120); 

// add clipNode to your node hierarchy. 
[parentNode addChild:clipNode]; 

// add one or more children to your clipNode: 
[clipNode addChild:child1]; 

// ClippingNode.h 
// CC0 - (public domain. Use in anyway you see fit.) 
// No warranty of any kind is expressed or implied. 
// 
// by UChin Kim. 
// 
// the caller can simply set the regular cocos2d 
// properties: position and contentSize to define the clipping region implicitly (i.e. the 
// position and contentSize of the ClippingNode is the clipping region to be used). 
// as an added bonus, position seems to work as expected (relative to parent node, instead of 
// requiring absolute positioning). 
// 
// also, anchorPoint and scale properties seem to work as expected as well.. 
// no special code is neeed to handle device orientation changes correctly.. 
// 
// To visually see exactly what is being clipped, set the following #define 
// #define SHOW_CLIPPED_REGION_IN_LIGHT_RED 1 
// 

#import "cocos2d.h" 

@interface ClippingNode : CCNode 

@end 

// 
// ClippingNode.m 
// 
#import "ClippingNode.h" 

@implementation ClippingNode 

-(void) visit 
{ 
CGPoint worldOrg = [self convertToWorldSpace:ccp(0, 0)]; 
CGPoint dest = [self convertToWorldSpace:ccp(self.contentSize.width, self.contentSize.height)]; 
CGPoint dims = ccpSub(dest, worldOrg); 

glPushMatrix(); 
glEnable(GL_SCISSOR_TEST); 

glScissor(worldOrg.x, worldOrg.y, dims.x, dims.y); 

#if SHOW_CLIPPED_REGION_IN_LIGHT_RED 
glColor4ub(64, 0, 0, 128); 
ccDrawSolidRect(ccp(0, 0), ccp(1024, 1024)); 
#endif 

[super visit]; 

glDisable(GL_SCISSOR_TEST); 
glPopMatrix(); 
} 

@end