cocos2d-x AnchorPoint锚点

最新推荐文章于 2024-08-20 23:00:44 发布
最新推荐文章于 2024-08-20 23:00:44 发布
阅读量4w 收藏 20
点赞数 1
分类专栏： Cocos2d-x
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuguangsoft/article/details/8425623
版权
本文介绍了cocos2d-x中锚点（AnchorPoint）的重要性和作用，锚点决定了节点的位置由position和其自身锚点共同确定。默认情况下，Layer的锚点位于左下角，其他node位于中点。节点的原点相对于父节点的左下角。在调整Layer的锚点时，需要先设置ignoreAnchorPointForPosition(false)，而Sprite则不需要此步骤。通过示例，理解锚点的不同设置如何影响节点位置。
摘要由CSDN通过智能技术生成

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

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

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

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

	CCLayer* layer1 = CCLayerColor::create(ccc4(255,0,0,255), 300, 200);
	CCLayer* layer2 = CCLayerColor::create(ccc4(255,255,0,255), 100, 100);
　　   	
	addChild(layer1);
	layer1->addChild(layer2);


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  RichardXG
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
cocos2d-x AnchorPoint

				
			

			

				

					02-21
				

			

		

		

			
				
AnchorPoint，顾名思义，就是“锚点”，在cocos2d-x中，它是用于定义一个对象的旋转和缩放中心的点。默认情况下，锚点位于对象的左上角（0,0），但可以通过设置不同的锚点位置来改变这一行为。锚点的坐标范围是0到1...

			
		

	



                

              
                



	

		

			

				
					
cocos2dX改变锚点位置

				
			

			

				

					weixin_30270561的博客
				

				

					11-27
					
					165
					
				

			

		

		

			
				
改变锚点时，同过计算偏移量修正position从而保持CCNode在屏幕上的位置不变


 1 void CLayer::change_anchorpoint(CCNode* node,CCPoint newpt)
 2 {
 3     float dx, dy, diffx, diffy, height, width;
 4     width = node->getCon...

			
		

	



                


  
              

                


	

		

			

				
					
cocos2d-x中的锚点(AnchorPoint)理解

				
			

			

				

					杨志钦的个人博客
				

				

					10-28
					
					1994
					
				

			

		

		

			
				
锚点的定义
     锚点是指节点在进行形状变换、位置变动时依据的基准点。可以想象为钉在墙上用于固定纸张的小图钉，或者公告栏上用于固定纸张用的围棋状的小磁粒。当对某个节点调用setPosition时，cocos2d-x即会将其锚点移动到相应位置；当对节点进行rotate操作时，节点也是以锚点所在位置为轴心进行旋转的。具体的定义看CCNode.h中的setAnchorPoint说明：
    *

			
		

	





	

		

			

				
					
Cocos Creator2D游戏开发(14)---CocosCreator常用组件详解

					
最新发布

				
			

			

				

					Fuly的博客
				

				

					08-20
					
					1234
					
				

			

		

		

			
				
相机组件其他参数: https://docs.cocos.com/creator/3.8/manual/zh/editor/components/camera-component.html。Type(类型):  用于设置图像资源的类型，包括 raw、texture（默认）、normal map、sprite-frame、texture cube。节点（Node） 是承载组件的实体，我们通过将具有各种功能的 组件（Component） 挂载到节点上，来让节点具有各式各样的表现和功能。

			
		

	



		

			
		



	

		

			

				
					
Cocos2dx学习笔记9：cocos2dx锚点(Anchor Point)

				
			

			

				

					weixin_34191845的博客
				

				

					08-28
					
					294
					
				

			

		

		

			
				
锚点(AnchorPoint)是相对坐标，通常用来定义物体内部的点，在cocos2dx中，一般都是以加载精灵来实现游戏元素的表现，而精灵一般都是对应的一张图片资源。我们在设置精灵位置的时候，要设置精灵中的锚点来和我们的坐标点相对应，就比如人站在地上，我们要设置人的脚为锚点，假如设置人的头为锚点，那么人的身子就都会在底下了。Anchor Point的两个参数都在0~1之间。一...

			
		

	





	

		

			

				
					
cocos2d中的anchorPoint

				
			

			

				

					weixin_34009794的博客
				

				

					04-05
					
					128
					
				

			

		

		

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

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

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

可以这样想，一个精灵有两部分，一部分是节点背景对象，另一部分是...

			
		

	





	

		

			

				
					
Cocos中锚点与位置的关系

				
			

			

				

					程序人生
				

				

					11-17
					
					7415
					
				

			

		

		

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

默认情况下，anchor point在图片的中心位置(0.5, 0.5),取值在0到1之间

			
		

	





	

		

			

				
					
Cocos2d-x学习笔记之CCScene、CCLayer、CCSprite的默认坐标和默认锚点实验

				
			

			

				

					09-04
				

			

		

		

			
				
在Cocos2d-x游戏开发框架中，理解各个节点如CCScene、CCLayer和CCSprite的默认坐标和锚点是非常关键的。这些组件是构建游戏场景的基础，它们的坐标系统和锚点设置直接影响到元素的布局和动画效果。下面我们将深入...

			
		

	





	

		

			

				
					
cocos2d-x自适应屏幕分辨率 源码

				
			

			

				

					11-27
				

			

		

		

			
				
在游戏开发领域，cocos2d-x是一款广泛使用的2D游戏引擎，支持多平台开发，包括iOS、Android、Windows等。对于移动设备来说，屏幕分辨率的多样性是一个挑战，因为不同的设备有不同的屏幕尺寸和像素密度。cocos2d-x...

			
		

	





	

		

			

				
					
Cocos2d-x血条跟随怪物运动----之游戏开发《赵云要格斗》

				
			

			

				

					02-07
				

			

		

		

			
				
在游戏开发领域，Cocos2d-x是一款广泛使用的2D游戏引擎，尤其适用于跨平台的移动游戏开发。本文将深入探讨如何使用Cocos2d-x实现一个血条跟随怪物运动的功能，以应用于游戏《赵云要格斗》的场景中。  首先，我们需要...

			
		

	





	

		

			

				
					
cocos2d-x抽屉

				
			

			

				

					12-10
				

			

		

		

			
				
Cocos2d-x是一款开源的、跨平台的2D游戏开发框架，被广泛应用于移动设备上的游戏开发。在这个“cocos2d-x抽屉”项目中，开发者分享了一个实现抽屉效果的源代码示例。抽屉效果通常指的是在用户交互时，一个界面元素...

			
		

	





	

		

			

				
					
cocos2d-x3.2总结(一)Position和AnchorPoint的关系

				
			

			

				

					cbbbc
				

				

					07-31
					
					2775
					
				

			

		

		

			
				
当cocos2d-x引擎需要绘图时，就需要Position和AnchorPoint等属性。例如：在创建一个Sprite时，要设置Sprite的Position，而我们常常没有设置AnchorPoint，这是因为精灵的AnchorPoint默认值为（0.5,0.5）,其他节点的默认值为(0,0)。那Position和AnchorPoint之间究竟有什么关系呢？下面将逐一讲解。
第一步，我们要知道c

			
		

	





	

		

			

				
					
Cocos2d中的anchorPoint与position 的理解

				
			

			

				

					阿福的专栏
				

				

					03-06
					
					1626
					
				

			

		

		

			
				
anchorPoint（锚点）
position


作为一个新手的我看到这里就迷茫了？查看了一些资料后明白了，分享下自己粗糙的理解，希望对刚学习的人有帮助。
不说那些概念，例如几何中心点等等。



屏幕上所有的图片都都看成矩形，假如有一方形的相册（比如结婚照）挂在墙上，现在我想往其上订一个钉子，那钉子订在相册的什么地方呢？


anchorPoint（锚点）的取值范围0

			
		

	





	

		

			

				
					
自用cocos-creator的position和anchor属性图例

				
			

			

				

					weixin_42493393的博客
				

				

					07-23
					
					905
					
				

			

		

		

			
				
图例说明：运用这个图可以直观的看到画布上四个边界的position值。

图例说明：运用这个图片可以轻松改变元素的锚点。通常我们使用label标签的时候设置锚点在元素的最左边，也就是anchor(0,0.5)，原本的x=0.5,移动到左边x=0.

...

			
		

	





	

		

			

				
					
cocos 坐标系和锚点

				
			

			

				

					阿豪
				

				

					11-24
					
					362
					
				

			

		

		

			
				
原文链接:
                 
                  cocos 坐标系和锚点
                 
                
                
                 上一篇:
  ...

			
		

	





	

		

			

				
					
cocos2d的anchor小总结和小纠结

				
			

			

				

					我用CV我自豪。
				

				

					04-14
					
					784
					
				

			

		

		

			
				
cocos2d的anchor小总结和小纠结
Posted on 2011-06-09 20:13 JustinWong 阅读(281) 评论(0) 编辑 收藏 


自我感觉对anchor的理解没问题了，但今天被另外一个问题纠结进去了，这里先做小总结，后面会说到那个问题。
假设有一个CCSprite A，则：
1. anchor是一个CGPOINT，取值在(0.0f, 0,0f) 到

			
		

	





	

		

			

				
					
cocos2dx 锚点

				
			

			

				

					davidsu33的专栏
				

				

					08-09
					
					2375
					
				

			

		

		

			
				
cocos2dx中经常会用到节点的旋转，一旦涉及到物体的旋转则会涉及到旋转所相对的中心点的位置，对于CCNode而言，其提供了设置锚点的接口，用来设置锚点的相对位置。
见CCNode源代码中CCNode.cpp
/// anchorPoint getter
const CCPoint& CCNode::getAnchorPoint()
{
    return m_obAnchorPoint;

			
		

	





	

		

			

				
					
【Cocos2d-x 3.0学习笔记】 AnchorPoint 和Position 关系

					
热门推荐

				
			

			

				

					老牛比
				

				

					11-22
					
					1万+
					
				

			

		

		

			
				
先不多说，上两张图片：




解释一下上面图片的意思：
描点就是图片中红点的位置。setAnchorPoint的取值范围0～1，距离设置的是一张图片


setAnchorPoint(Point(0,0))表示在图片左下角,

setAnchorPoint(Point(1,1))表示在图片右上角

setAnchorPoint(Point(0.5,0,5))表示在图片的

			
		

	





	

		

			

				
					
深入理解Cocos2d-x的anchorPoint锚点和scale缩放之间的配合方式

				
			

			

				

					harbinxxh的专栏
				

				

					10-19
					
					1万+
					
				

			

		

		

			
				
来源网址：http://segmentfault.com/blog/hongliang/1190000000722574

			
		

	





	

		

			

				
					
cocos2d-x游戏开发入门教程

				
			

			

				

					
				

			

		

		

			
				
本文档主要介绍了cocos2d-x游戏引擎的学习笔记，涵盖了cocos2d-x的基本概念、安装步骤、项目创建等内容，旨在帮助新手快速入门cocos2d-x游戏引擎。  一、cocos2d-x游戏引擎简介  cocos2d-x是一个开源的跨平台游戏...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 11

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值