cocos2d anchor point 解析
2012-03-09 09:36
405 查看
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(0,0);
sprite.anchorPoint=ccp(0,0);
[self addChild:sprite];
[attachment=33981]
根据上面的公式: 假设精灵的width = height = 10.
actualPosition.x = 0 + 10*(0.5 - 0) = 5; actualPosition.y = 0 + 10*(0.5 - 0) = 5;
(5, 5) 这个结果正是现在图片的在屏幕上的实际位置。
[align=left]例子 二:[/align]
CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];
sprite.position=ccp(0,0);
sprite.anchorPoint=ccp(-1,-1);
[self addChild:sprite];
[align=left][/align]
[align=left][attachment=33982][/align]
[align=left][/align]
根据上面的公式: 假设精灵的width = height = 10.
actualPosition.x = 0 + 10*(0.5 - (-1)) = 15; actualPosition.y = 0 + 10*(0.5 - (-1)) = 15;
(15, 15) 这个结果正是现在图片的在屏幕上的实际位置。
[align=left]例子三[/align]
[align=left][/align]
CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];
sprite.anchorPoint=ccp(1,1);
sprite.position=ccp(sprite.contentSize.width , sprite.contentSize.height);
[self addChild:sprite];
[attachment=33981]
根据上面的公式: 假设精灵的width = height = 10.
actualPosition.x = 10 + 10*(0.5 - (1)) = 5; actualPosition.y = 10 + 10*(0.5 - (1)) = 5;
(5, 5) 这个结果正是现在图片的在屏幕上的实际位置。
而在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(0,0);
sprite.anchorPoint=ccp(0,0);
[self addChild:sprite];
[attachment=33981]
根据上面的公式: 假设精灵的width = height = 10.
actualPosition.x = 0 + 10*(0.5 - 0) = 5; actualPosition.y = 0 + 10*(0.5 - 0) = 5;
(5, 5) 这个结果正是现在图片的在屏幕上的实际位置。
[align=left]例子 二:[/align]
CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];
sprite.position=ccp(0,0);
sprite.anchorPoint=ccp(-1,-1);
[self addChild:sprite];
[align=left][/align]
[align=left][attachment=33982][/align]
[align=left][/align]
根据上面的公式: 假设精灵的width = height = 10.
actualPosition.x = 0 + 10*(0.5 - (-1)) = 15; actualPosition.y = 0 + 10*(0.5 - (-1)) = 15;
(15, 15) 这个结果正是现在图片的在屏幕上的实际位置。
[align=left]例子三[/align]
[align=left][/align]
CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];
sprite.anchorPoint=ccp(1,1);
sprite.position=ccp(sprite.contentSize.width , sprite.contentSize.height);
[self addChild:sprite];
[attachment=33981]
根据上面的公式: 假设精灵的width = height = 10.
actualPosition.x = 10 + 10*(0.5 - (1)) = 5; actualPosition.y = 10 + 10*(0.5 - (1)) = 5;
(5, 5) 这个结果正是现在图片的在屏幕上的实际位置。
相关文章推荐
- cocos2d anchor point 锚点解析
- cocos2d anchor point 锚点解析(转)
- cocos2d anchor point 锚点解析
- cocos2d anchor point 锚点解析
- cocos2d anchor point 锚点解析
- cocos2d anchor point 锚点解析(转)
- cocos2d anchor point 锚点解析
- cocos2d anchor point 锚点解析
- cocos2d-x anchor point 锚点解析
- cocos2d--利用Anchor Point巧妙旋转
- cocos2d-x anchorPoint
- cocos2dx cocos2d-x AnchorPoint锚点
- m_bIgnoreAnchorPointForPosition含义解析
- OpenCV中的anchor的Point(-1,-1)解析
- cocos2d-x AnchorPoint锚点
- IOS cocos2d学习笔记-<三>AnchorPoint锚点和CCLabelBMFont
- 【Cocos2d-x 3.0学习笔记】 AnchorPoint 和Position 关系
- 深入理解Cocos2d-x的anchorPoint锚点和scale缩放之间的配合方式
- Cocos2d-x 3.x——AnchorPoint 和Position 关系
- cocos2d 坐标系 anchorPoint 与position