cocos2d中的anchorPoint

说来说去就一句话，重新定义精灵的设置位置点，默认是精灵的正中心。

例如：
CGSize winSize = [[CCDirector sharedDirector] winSize];

CCSprite *bg = [CCSprite spriteWithFile:@"bg.png"];

//bg.position = ccp(winSize.width/2,winSize.height/2); 这句效果与下面两句的效果一样。

//把位置点设置为精灵的左边中间
bg.anchorPoint = ccp(0,0.5);
// 设置精灵的位置在世界坐标的左边中点。
bg.position = ccp(0, winSize.height/2);
[self addChild:bg];



将该图片放置到屏幕左下方

CCSprite sprite = CCSprite.sprite("Default.png");
addChild(sprite);

生成的精灵放置在（ 0,0 ），也就是屏幕左下角。但是精灵的贴图的中心点和精灵的左下角位置一致 ，导致贴图只能显示一部分（贴图的右边上半部分）。



可以这样想，一个精灵有两部分，一部分是节点背景对象 ，另一部分是贴图对象 （自己理解定义的名称，非官方）

怎么可以让贴图完全显示出来呢？使用定位点

每个节点都有一个定位点，但是只有当节点拥有贴图时，这个定位点才有用。默认情况下， anchorPoint 属性设置为（0.5,0.5 ）

定位点和节点的位置没有关系。当改变 anchorPoint 属性的时候，我们能看到精灵在屏幕上的位置发生了变化，但是其实节点没有改变；改变的是精灵里贴图的位置

CCSprite sprite = CCSprite.sprite("Default.png");
sprite.setScale(0.6f);
sprite.setPosition(CGPoint.make(500, 300));
addChild(sprite);

ccMacros.CCLOGERROR("test", "Position:"+sprite.getPosition().x +"--"+sprite.getPosition().y);
ccMacros.CCLOGERROR("test", "AnchorPoint:"+sprite.getAnchorPoint().x +"--"+sprite.getAnchorPoint().y);
ccMacros.CCLOGERROR("test", "AnchorPointInPixels:"+sprite.getAnchorPointInPixels().x+"--"+sprite.getAnchorPointInPixels().y);

修改定位点为0

CCSprite sprite = CCSprite.sprite("Default.png");
sprite.setScale(0.6f);
sprite.setPosition(CGPoint.make(500, 300));
sprite.setAnchorPoint(CGPoint.make(0, 0));
addChild(sprite);

从上面可以看出来精灵的位置没有发生变化，发生变化的只是贴图对象 相对于节点背景对象 的偏移 。

默认情况下 anchorPoint 为（ 0.5,0.5 ），即贴图对象 的中心位置对应着节点背景对象 的左下角；而当 anchorPoint 为（0,0 ），即贴图对象 的左下角对应着节点背景对象 的左下角

所以按照下面的代码，图片就可以正好显示在左下角了

CCSprite sprite = CCSprite.sprite("Default.png");
sprite.setAnchorPoint(CGPoint.make(0, 0));
addChild(sprite);

附：AnchorPoint问题：

设置AnchorPoint，到底有什么作用，当初我的理解是这个AnchorPoint是相对本身位置参考点。

比如：我定义个Sprite,设置一个anchorPoint为居中置顶的位置 。

sprite.anchorPoint = ccp( intW / 2, intH );

sprite.rotation = 90;

但实际翻转时还是以左下角为参考点翻转。更改的参考点并不起作用，或者我理解错误。

问题：

1：想实现我这个更改翻转的参考点，如何实现？；

2：AnchorPoint到底做什么用？

答：这个属性表示你这个图片setPosition时的点在图片上所处的位置.

取值范围0-1

0,0表示左下角,

1,1表示右上角

0.5,0.5表示图片的中心点.

所有的图片都是以矩形来界定的.

问：这样设置翻转时还是以左下角为参考点

答：在设置 anchorPoint 的时候,

imageVIew = [[UIImageView alloc] init];

imageView.anchorPoint = ccp(0.5, 1);

imageView.frame = CGRectMake(.......);

好像是先设置 anchorPoint, 再设置 frame. 试试.

答：问题算是解决了。说说基本思路。

我之前定义一个Sprite,初始化时用一个ColorLayer 填充精灵 代码如下：

+ (id) BulletWithinLayer:(CCLayer *) layer

{

BQBullet *bullet = [BQBullet node];

//bullet.anchorPoint = ccp(0.5,1);///注释A

[bullet SetLayer:layer];

return bullet;

}

-(id)init

{

if((self == [super init]))

{

CCColorLayer *tmp = [CCColorLayer layerWithColor:ccc4(255, 255, 0, 255)];

//tmp.anchorPoint = ccp(0.5,1); ///注释B

[self addChild:tmp z:0 tag:1];

}

return self;

}

//生成一个bullet精灵

BQBullet *bullet = [BulletWithinLayer:layer];

bullet.anchorPoint= ccp(0.5,1);

bullet.rotation= 45;

[layer addChild: bullet z:1];

这时看到的翻转还是已左下角，关闭注释A,B都是无效。

后面我用一个图片代替ColorLayer生成精灵，就有效果了。

为什么会有这种区别呢？更填充的层有关系吗？真是没搞懂啊？虽然说最后游戏不是这种写法，但对程序员来说，在没有图的情况下应该也能完成一个游戏，就是用单纯的色块来替换，这样就不用等美术图出来了，也能更早的出模型，至少以前在J2ME上都是可以这样做的，现在在iphone上，画个色块就TMD的这么麻烦，真是很不爽！

针对：色块无法翻转的问题找到了，因为色块是ColorLayer，CCLayer默认的isRelativeAnchorPoint = NO；重新打开就行了isRelativeAnchorPoint = YES