cocos2dx,Layer锚点与scale缩放
最近写代码需要用到缩放,而且是Layer的,但是发现怎么设置位置都是错误,于是决定研究下。
首先,基础代码,代码上不错特殊处理,没有锚点设置和缩放
class TestLayer : public Layer {
public:
bool init();
CREATE_FUNC(TestLayer);
};
bool TestLayer::init()
{
if (!Layer::init()) {
return false;
}
Sprite *dd = Sprite::create("item_gift1.png");
this->addChild(dd);
this->setContentSize(Size(200, 200));
// 打印几个点参照用
LayerColor *lc1 = LayerColor::create(Color4B::RED, 10, 10);
lc1->setPosition(50, 0);
this->addChild(lc1, 9001);
LayerColor *lc4 = LayerColor::create(Color4B::RED, 10, 10);
lc4->setPosition(100, 0);
this->addChild(lc4, 9001);
LayerColor *lc2 = LayerColor::create(Color4B::RED, 10, 10);
lc2->setPosition(150, 0);
this->addChild(lc2, 9001);
LayerColor *lc6 = LayerColor::create(Color4B::RED, 10, 10);
lc6->setPosition(200, 0);
this->addChild(lc6, 9001);
LayerColor *lc3 = LayerColor::create(Color4B::RED, 10, 10);
lc3->setPosition(0, 50);
this->addChild(lc3, 9001);
LayerColor *lc5 = LayerColor::create(Color4B::RED, 10, 10);
lc5->setPosition(0, 100);
this->addChild(lc5, 9001);
LayerColor *lc7 = LayerColor::create(Color4B::RED, 10, 10);
lc7->setPosition(0, 150);
this->addChild(lc7, 9001);
LayerColor *lc8 = LayerColor::create(Color4B::RED, 10, 10);
lc8->setPosition(0, 200);
this->addChild(lc8, 9001);
return true;
}
TestLayer *t = TestLayer::create();
t->setPosition(200, 200);
this->addChild(t, 9000);
代码运行结果:

可以看到,TestLayer被放置在了(200,200),锚点在(0,0)
下面对TestLayer进行缩放0.5
TestLayer *t = TestLayer::create();
t->setPosition(200, 200);
t->setScale(0.5f);
运行结果:

(黄线是截图时画的)
可以看到TestLayer缩放了50%,但是左下角没有在(200,200)
通过这个代码可以看出,Layer中的child是以(0,0)为锚点,但是在scale时,确实以(0.5,0.5)进行缩放。
这个地方感觉比较坑,为什么没有用统一的点呢?没有写过底层画图代码,哪位同学知道,希望给我一个答案。
那这个地方可不可以统一呢?
看代码:
this->_ignoreAnchorPointForPosition = false;
this->setAnchorPoint(Point(0, 0));
在TestLayer中增加上面代码,运行结果:

可以看到缩放和child位置锚点一致了。
cocos2dx,Layer锚点与scale缩放的更多相关文章
- css3 新特性(2D translate 移动,rotate 旋转 , scale 缩放)
1.transform(转换)可以实现元素的位移,旋转,缩放等效果(可以简单理解为变形) 移动:translate 旋转:rotate 缩放:scale 2. ...
- 【转】cocos2d-x中锚点设置及定位方式
http://blog.csdn.net/wayne5ning/article/details/8160506 说在前面:以下是基于cocos2d-2.0-x-2.0.3作的总结 问题 在cocos2 ...
- css3动画属性系列之transform细讲scale缩放
下面我们从3个方面开始介绍: 1.scale(x,y) 对元素进行缩放 X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数 Y是一个可选参数,没有设置的话,则表示X,Y两个方向的缩放倍数是一样的. ...
- cocos2d-x中锚点设置及定位方式
问题 在cocos2d演示样例代码HelloCpp中,为什么要将CCMenu设置位置到CCPointZero,即使CCMenu的锚点是在(0.5, 0.5)? 回答 这是由于CCMenu没有使用锚点进 ...
- Cocos2d-x教程(26)-Cocos2d-x + Lua脚本实现大地图缩放功能
欢迎增加 Cocos2d-x 交流群: 193411763 视频教程地址:http://www.tudou.com/programs/view/qRiOfppMghM/ 转载请注明原文出处:http: ...
- cocos2d-x AnchorPoint锚点
锚点是定位和变换操作的一个重点.锚点我们能够看成用一根图钉将一张纸或者相片钉在墙上的那个点. 节点的位置是由我们设置的position和anchor point一起决定的. 值得一提的是,anchor ...
- css3 scale 缩放出现 1px 问题
问题描述 先来一段html代码 <div class="container"> <div class="parent"> <div ...
- iTween Scale缩放
void Start () { //键值对儿的形式保存iTween所用到的参数 Hashtable args = new Hashtable(); //放大的倍数 args.Add(, , )); / ...
- Cocos2d-x中锚点的介绍
什么是锚点? 只需要记住一句话就可以,锚点就是你指定的那个坐标究竟是图像的哪个点,也就是你setPosition的坐标 eg: 新建工程:在HelloWorld中写上如下代码: CCSprite * ...
随机推荐
- 深入理解CSS盒模型(转)
转自:https://www.cnblogs.com/chengzp/p/cssbox.html 基本概念 盒模型的组成大家肯定都懂,由里向外content,padding,border,margin ...
- 2018.11.2浪在ACM集训队第三次测试赛
2018.11.2 浪在ACM 集训队第三次测试赛 整理人:孔晓霞 A 珠心算测试 参考博客:[1]李继朋 B 比例简化 参考博客: [1]李继朋 C 螺旋矩阵 参考博客:[1]朱远迪 D 子矩阵 ...
- GitHub上传项目到远程库
写文章 GitHub上传项目到远程库 GitHub上传项目到远程库 今天把想把文件托管到GitHub仓库,但是执行一系列的命令以后,刷新GitHub网站还是没有任何更新.后来终于找到原因,原来 ...
- HDU - 1005 Number Sequence (矩阵快速幂)
A number sequence is defined as follows: f(1) = 1, f(2) = 1, f(n) = (A * f(n - 1) + B * f(n - 2)) mo ...
- Python15_包的安装和管理
pip的安装及简单使用:https://www.cnblogs.com/csucat/p/4897695.html 使用pip手动安装第三方库:https://blog.csdn.net/github ...
- 谷歌浏览器不能播放audio 报错Uncaught (in promise) DOMException
在2018年4月份发布的Chrome 66正式关掉了声音自动播放,也就是说<audio autopaly></audio> <video autoplay>< ...
- 页面显示jsp源码问题
问题错误在于WEB.XML 将/*改为*即可
- $loj$10222 佳佳的$Fibonacci$ 矩阵快速幂
正解:矩阵快速幂 解题报告: 我永远喜欢loj! 一看到这个就应该能想到矩阵快速幂? 然后就考虑转移式,发现好像直接想不好想,,,主要的问题在于这个*$i$,就很不好搞$QAQ$ 其实不难想到,$\s ...
- JVM探秘:垃圾收集器
本系列笔记主要基于<深入理解Java虚拟机:JVM高级特性与最佳实践 第2版>,是这本书的读书笔记. 垃圾收集器 垃圾收集算法是是内存回收的方法论,垃圾收集器是内存回收的具体实现.不同的虚 ...
- 大白话抽象工厂模式(Abstract Factory Pattern)
实例分析 大白话工厂方法模式(Factory Method)一文中,我们讲解了日产4S店工厂规模的扩大,创建了针对不同车型的工厂,减少了工厂的工作内容,提高了效率.下面我们继续以4S店的故事讨论抽象工 ...