zoukankan      html  css  js  c++  java
  • [zz]cocos2dx锚点详解

    锚点是定位和变换操作的一个重点。锚点我们可以看成用一根图钉将一张纸或者相片钉在墙上的那个点。

    节点的位置是由我们设置的positionanchor point一起决定的。

    值得一提的是,anchor point的默认位置Layer的是左下,而其他的node是中点。

    节点的原点是父节点的左下角。

    1. CCLayer* layer1 = CCLayerColor::create(ccc4(255,0,0,255), 300, 200);  
    2. CCLayer* layer2 = CCLayerColor::create(ccc4(255,255,0,255), 100, 100);  
    3.           
    4. addChild(layer1);  
    5. layer1->addChild(layer2);  

    1. layer2->setPosition(50,50);  

    可见Layer的锚点是左下角,节点的原点是父节点的左下角。

    再看一个:

    1. CCSprite *p1 = CCSprite::create("HelloWorld.png", CCRectMake(100, 100, 100, 100));  
    2. CCSprite *p2 = CCSprite::create("girl1.png");  
    3. addChild(p1);  
    4. p1->addChild(p2);   //p2作为p1的子节点  
    5. setPosition(200,200);  // Layer 的原点移到200,200  


    设置锚点:

    LayerSprite有不同,layer要设置锚点,必须先:ignoreAnchorPointForPosition(false);

    1.     CCLayer* layer1 = CCLayerColor::create(ccc4(255,0,0,255), 300, 200);  
    2.     CCLayer* layer2 = CCLayerColor::create(ccc4(255,255,0,255), 100, 100);  
    3.     addChild(layer1);  
    4.     layer1->addChild(layer2);  
    5. /*  layer1->ignoreAnchorPointForPosition(false);*/  
    6.     layer1->setAnchorPoint(ccp(0.5,0.5));  

    1. CCLayer* layer1 = CCLayerColor::create(ccc4(255,0,0,255), 300, 200);  
    2. CCLayer* layer2 = CCLayerColor::create(ccc4(255,255,0,255), 100, 100);    
    3. addChild(layer1);  
    4. layer1->addChild(layer2);  
    5. layer1->ignoreAnchorPointForPosition(false);  
    6. layer1->setAnchorPoint(ccp(0.5,0.5));  

    Sprite不用设置即可。

    1. CCSprite *p1 = CCSprite::create("HelloWorld.png", CCRectMake(100, 100, 100, 100));  
    2. CCSprite *p2 = CCSprite::create("girl1.png");  
    3. addChild(p1);  
    4. p1->addChild(p2);  
    5. p2->setAnchorPoint(ccp(1,1));  
    6. setPosition(200,200);  

    和前面第三个图比较一下就了解了。小女孩的锚点已经到了红色点位置

  • 相关阅读:
    后盾网-CI框架实例教程-马振宇
    后盾网-CI框架实例教程-马振宇
    CI框架-学习笔记
    慕课网--PHP进阶篇--学习笔记(2)
    慕课网--PHP进阶篇--学习笔记(1)(数组、类与面向对象)
    慕课网--PHP入门篇--学习笔记
    移动端知识转载收藏
    移动端web app自适应布局探索与总结
    IE6/IE7下:inline-block解决方案
    微信JS SDK Demo 官方案例
  • 原文地址:https://www.cnblogs.com/wishing/p/3487175.html
Copyright © 2011-2022 走看看