[转]anchorPoint 锚点解析

转自：http://blog.csdn.net/cjopengler/article/details/7045638

anchor point 究竟是怎么回事？之所以造成不容易理解的是因为我们平时看待一个图片是以图片的中心点这一个维度来决定图片的位置的。而在cocos2d中决定一个图片的位置是由两个维度一个是 position 也就是图片的中心点另外一个是anchor point。只要我们搞清楚他们的关系，自然就迎刃而解。

他们的关系是这样的:

actualPosition.x = position.x + width*(0.5 - anchor_point.x);

acturalPosition.y = position.y + height*(0.5 - anchor_point.y);

//actualPosition 是sprite实际上在屏幕显示的位置， poistion是 程序设置的， achor_point也是程序设置的。

具体看下面的例子一：

CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];

sprite.position=ccp(,);

sprite.anchorPoint=ccp(,);

[self addChild:sprite];

具体效果如下：

根据上面的公式：假设精灵的width = height = 10.

actualPosition.x =  + *(0.5 - ) = ;

actualPosition.y  =  + *(0.5 - ) = ;

(5, 5) 这个结果正是现在图片的在屏幕上的实际位置。

CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];

sprite.position=ccp(,);

sprite.anchorPoint=ccp(-,-);

[self addChild:sprite];

具体效果如下：

根据上面的公式：假设精灵的width = height = 10.

actualPosition.x =  + *(0.5 - (-)) = ;

actualPosition.y  =  + *(0.5 - (-)) = ;

(15, 15) 这个结果正是现在图片的在屏幕上的实际位置。

例子三

CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];

sprite.anchorPoint=ccp(,);

sprite.position=ccp(sprite.contentSize.width , sprite.contentSize.height);

[self addChild:sprite];

根据上面的公式：假设精灵的width = height = 10.

actualPosition.x =  + *(0.5 - ()) = ;

actualPosition.y  =  + *(0.5 - ()) = ;

(5, 5) 这个结果正是现在图片的在屏幕上的实际位置。

巴特西

[转]anchorPoint 锚点解析

最新文章

热门文章