zoukankan      html  css  js  c++  java
  • Cocos-2d 坐标系及其坐标转换

    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也是程序设置的。

    具体看下面的例子一:

    1. CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];  
    2. sprite.position=ccp(0,0);  
    3. sprite.anchorPoint=ccp(0,0);  
    4. [self addChild:sprite];  


    具体效果如下:

    根据上面的公式: 假设精灵的width = height = 10.

    actualPosition.x = 0 + 10*(0.5 - 0) = 5; actualPosition.y  = 0 + 10*(0.5 - 0) = 5; 

    (5, 5) 这个结果正是现在图片的在屏幕上的实际位置。

    例子 二:

    1. CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];  
    2. sprite.position=ccp(0,0);  
    3. sprite.anchorPoint=ccp(-1,-1);  
    4. [self addChild:sprite];  


    具体效果如下:

    根据上面的公式: 假设精灵的width = height = 10.

    actualPosition.x = 0 + 10*(0.5 - (-1)) = 15; actualPosition.y  = 0 + 10*(0.5 - (-1)) = 15; 

    (15, 15) 这个结果正是现在图片的在屏幕上的实际位置。

    例子三

    1. CCSprite *sprite = [CCSprite spritewithFile:@"blackSquare.png"];  
    2. sprite.anchorPoint=ccp(1,1);  
    3. sprite.position=ccp(sprite.contentSize.width , sprite.contentSize.height);  
    4. [self addChild:sprite];  

    根据上面的公式: 假设精灵的width = height = 10.

    actualPosition.x = 10 + 10*(0.5 - (1)) = 5; actualPosition.y  = 10 + 10*(0.5 - (1)) = 5; 

    (5, 5) 这个结果正是现在图片的在屏幕上的实际位置。

  • 相关阅读:
    看完了红米5 Plus发布会,我觉得魅蓝Note6降价降多了
    红米5/红米5 Plus逼出最强魅蓝Note6?降价后已成性价比神机
    java.lang.NoClassDefFoundError: org/apache/ibatis/mapping/DatabaseIdProvider
    mac tree命令
    spring boot集成dubbo
    玩转Spring Boot 集成Dubbo
    Linux下复制粘贴快捷键
    用创业舞动飞扬的青春
    SpringMVC 学习笔记(一) Hello World
    从 Kubernetes 谈容器网络
  • 原文地址:https://www.cnblogs.com/wudan7/p/3853609.html
Copyright © 2011-2022 走看看