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

为什么80%的码农都做不了架构师?>>>   hot3.png

 李华明Himi 原创,转载务必在明显处注明:
转载自 【黑米GameDev街区】 原文链接:  http://www.himigame.com/iphone-cocos2d/516.html


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

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

CCSprite* sprite =[CCSprite spriteWithFile:@"Icon.png"];//初始化
[self addChild:sprite]; //添加入层中

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

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

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

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

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

CCSprite* sprite =[CCSprite spriteWithFile:@"Icon.png"];//初始化[self addChild:sprite]; //添加入层中sprite.scale=2;//放大2倍sprite.rotation=90;//旋转90度sprite.opacity=255;//设置透明度为完全不透明(范围0~255)sprite.position=ccp(100,100);//设置精灵中心点坐标是x=100,y=100[sprite setFlipX:YES];//X轴镜像反转[sprite setFlipY:YES];//Y轴镜像反转[sprite setColor:ccc3(255, 0, 0)];//设置颜色为红色

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

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

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

sprite.zOrder=2;

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

//--z值1的精灵CCSprite* sprite =[CCSprite spriteWithFile:@"Icon.png"];[self addChild:sprite z:1]; //添加入层中sprite.position=ccp(300,200);//设置精灵中心点坐标是x=100,y=100//--z值2的精灵CCSprite* sprite2 =[CCSprite spriteWithFile:@"111.png"];[self addChild:sprite2 z:2]; sprite2.position=ccp(220,120);

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

                 


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

[self reorderChild:sprite z:10];

self:  CCLayer

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

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

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

           


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

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

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

 实例代码如下:

//-----没有换贴图前
CCSprite*sprite =[CCSprite spriteWithFile:@"Icon.png"];
sprite.position=ccp(150,150);
[self addChild:sprite];
//-----换贴图后
CCSprite*sprite2 =[CCSprite spriteWithFile:@"Icon.png"];
sprite2.position=ccp(350,150);
[self addChild:sprite2];
//更换贴图
CCTexture2D * texture =[[CCTextureCache sharedTextureCache] addImage: @"Default.png"];//新建贴图
[sprite2 setTexture:texture];

运行效果如下:

           


    第二种利用帧替换:

    

//加载帧缓存,这个testpngs.plist保存了Icon和111两张图,-hd表示高清版本iphone4[[CCSpriteFrameCache sharedSpriteFrameCache] addSpriteFramesWithFile:@"testpngs-hd.plist"];//-----没有换贴图前 CCSprite*sprite =[CCSprite spriteWithSpriteFrameName:@"Icon.png"];sprite.position=ccp(150,150);[self addChild:sprite];//-----换贴图后CCSprite*sprite2 =[CCSprite spriteWithSpriteFrameName:@"Icon.png"];sprite2.position=ccp(350,150);[self addChild:sprite2];//更换帧贴图//从帧缓存中取出111.pngCCSpriteFrame* frame2 = [[CCSpriteFrameCache sharedSpriteFrameCache] spriteFrameByName:@"111.png"];[sprite2 setDisplayFrame:frame2];

运行效果如下:




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

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

CCSprite *sprLeft = [CCSprite spriteWithFile:@"Icon.png"];sprLeft.position=ccp(100,180);[self addChild:sprLeft];//----创建一个简单的覆盖层//获取当前屏幕宽高CGSize size =[[CCDirector sharedDirector]winSize];//创建一个精灵(无贴图)CCSprite*sprite =[CCSprite node];//设置精灵贴图大小(全屏幕宽高)sprite.textureRect=CGRectMake(0, 0, size.width, size.height);sprite.position=ccp(size.width*0.5,size.height*0.5);sprite.opacity=127;//半透明[0~255]sprite.color=ccc3(0, 0, 0);//设置黑色[self addChild:sprite];//----CCSprite* sprRight = [CCSprite spriteWithFile:@"Icon.png"];sprRight.position=ccp(300,180);[self addChild:sprRight];

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

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

  

//----CCSprite *sprLeft = [CCSprite spriteWithFile:@"Icon.png"];sprLeft.position=ccp(100,180);[self addChild:sprLeft];//----创建一个简单的覆盖层//创建一个精灵(无贴图)CCLayerColor *layer =[CCLayerColor layerWithColor:ccc4(0, 0, 0, 127)];[self addChild:layer];//----CCSprite* sprRight = [CCSprite spriteWithFile:@"Icon.png"];sprRight.position=ccp(300,180);[self addChild:sprRight];

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

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

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

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

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

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

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

                        

 

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


      OK,就写到这里!下篇见~继续忙了;           



原文链接: http://blog.csdn.net/xiaominghimi/article/details/6955680

转载于:https://my.oschina.net/liux/blog/49821

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/295864.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

中柏平板u盘启动_大冶深圳东莞平板硫化机推选得新科技自动化

大冶深圳东莞平板硫化机推选得新科技自动化东莞市得新科技有限公司, 在国内外的销售机器公司。公司位于广东省东莞市。企业致力于点胶设备,硅胶设备,纺织品涂层的先进技术、检测经验发展国外,全面提升国外产品质量,推动国内行业健…

Console-算法-递归算法示例

ylbtech-Arithmetic:Console-算法-递归算法示例1.A,案例-- -- ylb:算法-- type:递归算法-- thankyou:sunshine, 谢谢你的默默付出-- 10:50 2012-04-06-- 1.B,解决方案1.B.1,阶乘 using System;namespace ConsoleApplication1 {cla…

如何才能避免聚会尬聊

全世界只有3.14 % 的人关注了爆炸吧知识如何丰富空闲时光?如何在短时间内获取最最专业的文化、艺术?小编给大家推荐几个公众号它们有趣有颜有料长按二维码,选择“识别图中二维码”关注印客美学id:inkbetter△长按二维码“识别”关…

Excel快速改变行列的次序

改变行列次序是在Excel中常常需要进行的操作,多数用户的方法是先剪切要调整的行或列,然后选定目标位置,单击菜单“插入”→“剪切单元格”。事实上,使用键盘来配合的话,改变行列的次序可以更快捷。比如,在图…

.NET6 如期⽽⾄

.NET6大家好,经过多个月的迭代,.NET 6正式版如期和大家见面了!你安装好了吗?还是等等党?希望看完这篇文章你会对.NET 6有更多了解。自2014年11月12日宣布开源后,.NET就成为了一个跨平台、面向多场景的技术。…

Wordpress 提速之 Gzip 压缩

今天来聊下 wordpress 提速,其实关于这方面的话题网上其实蛮多的,速度对一个网站来说无疑是非常重要的,对于速度的追求也是无止境的,在这方面的表率无疑就是 shawn 了,看他博客的很多技巧都是针对速度来的……不过话说…

忍“乳”负重,身材好的女孩子究竟有多不容易?我从科学的角度算出来了……...

全世界只有3.14 % 的人关注了爆炸吧知识大家好,满肚子奇怪知识,用科学眼光看世界的小编又来了。先问大家一个问题:你最喜欢看女孩子的哪里?相信不少人,不论男女都想到了一个地方。不论男女,都希望自己能“大…

getchar()到底怎么用_怎样才能真正发挥肥效,腐植酸水溶肥到底怎么用

施肥是农业生产中的重要环节,不管是大田作物还是花草苗木,水肥充足才能健康生长。而施肥不是看用了多少,而是看转化率,有多少真正被植物所吸收利用。许多化肥看着一大袋一大袋的用,结果都浪费了或者造成徒长一点用处都…

可视化ASP.Net Core Web API健康检查

前言ASP.NET Core提供运行状况检查Middleware和库,以便于报告应用的运行状况。使用方式也很简单。引用Nuget包Microsoft.Extensions.Diagnostics.HealthChecks。然后修改Startup.cs文件:public void ConfigureServices(IServiceCollection services) {...services.A…

利用网站模板创建子网站

1. 打开顶层站点,进入网站内容,最底部,子站点-->新建子网站 2.配置如下: 3. 可能会出现的BUG http://blog.csdn.net/chenxinxian/article/details/12189293 4, 解决方法:安装或卸载用于SharePoint的Reporting Servi…

解锁一个新技巧,让你舒服到不想起床

▲ 点击查看每天睡个好觉,真的是一件很爽的事情。怎样才能做到这么爽呢?答案当然是好好挑选我们的床上伴侣——床品四件套啦~在所有的床品中,四件套绝对是刚需,并且至少需要两套以上用来替换。如果有人问你挑选四件套的标准是什么…

面试常见问题_软件实施工程师面试中的常见问题都有哪些呢?

软件实施工程师面试中的常见问题都有哪些呢?首先需要看你自己找什么样的工资,是新手呢还是老手呢?对于软件实施的一些新手来说,那么相对应来说要看重的是人品的一个问题,因为毕竟他们家的是新手,所以对于一…

清华博士生被开除:告诉孩子,不吃学习的苦,就要吃生活的苦

全世界只有3.14 % 的人关注了爆炸吧知识还记得前两年,人民日报在微信上发过一篇文章——《致沉睡中的大学生:你不失业,天理难容!》批判那些舒服地坐在象牙塔里,虚度光阴葬送自己前程的大学生们。当时不少网友评论&…

iOS-数据持久化-偏好设置

一、简单介绍 很多iOS应用都支持偏好设置,比如保存用户名、密码、字体大小等设置,iOS提供了一套标准的解决方案来为应用加入偏好设置功能 每个应用都有个NSUserDefaults实例,通过它来存取偏好设置。比如,保存用户名、字体大小、是…

怎么比对两个html列表,两个表格对比,如何快速找出不同数据!

给你两个表格,如何快速的找出不同数据呢?一行数据,一行数据的去查看对比?那样效率太低。今天,小汪老师就来给大家分享几种超实用的方法。01突出显示不同单元格所在行Sheet1和Sheet2两个表格,我们来对比一下…

WPF实现拟物旋转按钮

WPF开发者QQ群: 340500857 | 微信群 -> 进入公众号主页 加入组织有小伙伴提出需要实现鼠标经过旋转进度条增加。 由于在WPF中没有现成的鼠标经过旋转控件,所以我们自己实现一个。PS:有更好的方式欢迎推荐。01—…

高一被清华姚班录取,高三委拒谷歌offer,一个重度网瘾少年到理论计算机科学家的蜕变...

全世界只有3.14 % 的人关注了爆炸吧知识去年3月15日,ACM 计算理论年会(STOC)Danny Lewin 最佳学生论文奖揭晓,获奖论文作者为来自麻省理工学院的陈立杰和来自 Weizmann Institute 的 Roei Tell。ACM STOC (Symposium o…

世界大百科全书!耶鲁大学教授再出神作!用1000幅图片,讲明白45亿年历史......

▲点击查看哈佛大学本杰明教授曾说:“越是到了高等教育的阶段,人们就越重视从历史中总结经验,尤其是精英阶段。很多人都想好好读读历史,但是一直以来,读历史都有一个问题:看着满满都是字的大部头&#xff0…

Hostonly cookie是什么鬼?

点击上方蓝字关注我们吧知道cookie hostonly属性的请举手🧐01Cookie常见姿势、疑难梳理目前w3c定义浏览器存放每个cookie需要包含以下字段:cookie属性基本描述举例备注namevaluecookie键值对ida3fWaexpirescookie过期时间expiresTue, 10-Jul-2013 08:30:…

系统即将关机请保存关机是由nt_设置Windows电脑自动关机

为了减少长时间沉迷电脑而忘记时间,设置Windows电脑自动关机是必要的事。 在我的电脑里,每到晚上10点都会自动关机。当然不会立刻关机,而是设置了1分钟的预留时间给自己保存一些文档资料。 Windows内建的Shutdown指令让人很方便的对这些进行操…