【IOS-COCOS2D游戏开发之二十】精灵的基础知识点总汇(位图操作/贴图更换/重排Z轴等)以及利用CCSPRITE与CCLAYERCOLOR制作简单遮盖层!

  1. 云栖社区>
  2. 博客>
  3. 正文

【IOS-COCOS2D游戏开发之二十】精灵的基础知识点总汇(位图操作/贴图更换/重排Z轴等)以及利用CCSPRITE与CCLAYERCOLOR制作简单遮盖层!

ghost丶桃子 2016-05-16 13:17:52 浏览1441
展开阅读全文
本站文章均为 李华明Himi 原创,转载务必在明显处注明: 

转载自【黑米GameDev街区】 原文链接: http://www.himigame.com/iphone-cocos2d/516.html



最近写了不少Cocos2d的博文了,那么由于Himi介绍的一般都是比较容易出错的问题或者比较受到关注的知识点,所以不少童鞋要求写个基础篇,那么这里Himi就举例最常用的精灵CCSprite来详细的介绍一些吧; 考虑到网上对于Cocos2d-iphone的中文教程已有很多,所以这里Himi会拿出一些教程没有提到的基础知识点来分享;

首先我们来创建一个精灵: 

代码很简单,传入一张贴图名即可,然后添加层中,那么这里Himi说几点:

 

1. 精灵除了这个创建函数外,还有很多方法,最重要的另一个就是利用打包工具打包出来的帧缓存中加载贴图并创建;关于打包工具Himi使用的是TP,还有其他一些这里不介绍了,Himi之前的博文也有对应的介绍;

2.精灵默认添加进layer中默认是layer的(0,0)点,即屏幕的左下角;而且精灵的贴图绘制是以精灵的贴图中心点进行渲染的,简单说如果精灵贴图大小看成单位一,精灵的锚点(anchor)是(0.5,0.5);这个是精灵默认锚点,当然也可以设置锚点,这个锚点的范围是[0,1];

3.大家如果刚接触一门新语言、引擎、框架等就要慢慢找到它们的规律,比如在cocos2d中一般创建都是类似的创建方式,而初始化的函数基本都是以类名后的一个单词作为开头;比如咱们这个CCSprite类,它的构造函数就是sprite开头的;

OK,知道如何创建一个精灵了,下面我们来写一点精灵的常用方法和基本位图操作吧:

关于精灵的动作这些N多文章都写过了,这里我就不写了,没意义,我这里给大家再讲解下童鞋们经常纠结的两个问题:

1.如何重新设置精灵的z轴(覆盖层)?

对于这个问题,很多童鞋无法找到方法的原因主要是因为大家首先想到的是更改精灵的Z轴值的大小(Z轴值越大离屏幕越近),那么就会错误的使用下面这段代码:

这句话是不允许使用的错误代码,因为精灵的zOrder属性只能可读不可修改;那么Himi提供大家一个解决方法,那就是利用布局去重新设置你想设置的精灵的z轴值,例如以下代码:(111.png是我从博客随便截出来的图,反正比Icon.png大就可以,这样童鞋们就能看得清楚了)

从代码中可以很清晰看到第二个精灵sprite2的z轴大于第一个精灵sprite的z轴值,那么sprite2肯定是覆盖sprite上的,运行效果图如下:

下面我们来利用layer对第一个精灵进行z轴重新设定,代码如下:

self:  CCLayer

sprite:  想要重新设置z轴(覆盖层)的精灵

z: 想要重新设置z轴(覆盖层)的精灵的z轴值

OK,那么我们重新设置了第一个精灵的z轴值为10,这时候精灵1比精灵2的z轴大了,1会覆盖2精灵,运行效果如下图:

 

2.如何更换已创建的精灵贴图?

    在上面我介绍了精灵的创建一般有两种:一种是利用帧缓存,另一种是直接索引贴图ID进行创建;所以呢更换精灵贴图也一般分为两种方法;

首先介绍第一种直接利用新建贴图进行更换:

 实例代码如下:

运行效果如下:

 第二种利用帧替换:

运行效果如下:

 

————-下面来介绍如何来利用CCSprite精灵或者CCLayerColor简单实现一个简单的覆盖层(遮挡)效果

首先利用CCSprite来实现,代码如下:

这里我创建了两个精灵一个被覆盖 一个不被覆盖 这样只要让童鞋们看得更清楚~

下面利用第二种方式实现:

第二种方法大家可以看到就两句话实现,原因这里解释下:

                第一种设置了贴图大小,layer不需要!因为layer默认全屏;

                第一种设置了坐标,layer不需要!因为layer默认屏幕中心点;

                第一种设置了透明度和颜色,layer也设置了~在layer创建的时候创建的,在layer创建时传入的四个参数:

                四个参数分别表示RGBA!注意是RGBA!!!!不是ARGB!(因为Himi做过me、Android所以看到设置颜色第一概念就是ARGB。。所以刚接触这里各种郁闷,总是效果不是如自己想的。。。)

               这里补充下:RGBA 颜色的三原色,红色、绿色、蓝色、透明度!

两种实现方式效果都如下图所示:

 

希望童鞋们在初学的时候尽可能的遇到问题按照如下顺序去做:首先自己多次尝试->去看源码->百度google->最后请教他人


网友评论

登录后评论
0/500
评论
ghost丶桃子
+ 关注