Himi 原创, 欢迎转载,转载请在明显处注明! 谢谢。
原文地址:http://blog.csdn.net/xiaominghimi/article/details/6911387
今天Himi单用一篇博文来给童鞋们介绍精灵相关的两个常用的细节知识点;
首先来介绍第一个知识点:精灵可视区域;
不管在哪个移动平台上进行开发游戏都会接触使用到可视区域,比如Kjava(J2me)平台的setClip方法,Android的clipRect方法等等,那么在iOS上也一样存在,这里我们介绍cocos2d引擎中的可视区域得函数是setTextureRect;
可能没有接触过游戏得童鞋不明白其概念,那么Himi就简单概述下:
所谓可视区域就是在一个完整的表面上对其设置一定大小的区域,让其只显示设置的区域的面,其他部分隐藏不显示出来;最常用的是将一张图片设置一个可视区域,只让这张图展示设置的区域;
那么这里在啰嗦几句,在cocos2d中精灵CCSprite的可视区域一般可以通过两种方式来设置:
1.在创建精灵的时候进行设置;2.在创建后进行设置;举例如下:
新建一个cocos2d项目,然后在HelloWorldLayer.m中init方法中创建一个精灵,代码如下:
-
- CCSprite * spriteOld =[CCSprite spriteWithFile:@"icon.png"];
- spriteOld.position=ccp(80,100);
- [self addChild:spriteOld];
-
- CCSprite * spriteNew =[CCSprite spriteWithFile:@"icon.png" rect:CGRectMake(0, 0, 30,30)];
- spriteNew.position=ccp(150,100);
- [self addChild:spriteNew];
-
- CCSprite * spriteT =[CCSprite spriteWithFile:@"icon.png"];
- [spriteT setTextureRect:CGRectMake(10, 10, 30, 30)];
- spriteT.position=ccp(230,100);
- [self addChild:spriteT];
上面我创建了3个精灵,第一个没有设置可是区域的icon精灵,第二个和第三个是设置了可视区域宽30高30的精灵,但是第二个和第三个精灵的可是区域宽高相同,但是起始点不同;而且第二个是从创建精灵的时候设置可视区域,第三个精灵则是创建精灵后进行设置的,设置的地方不一样,功能是一样的;
需要详细讲解的是不管用以上两种设置可视区域的哪种方法都需要传入一个CGRect对象,这个CGrect参数有四个,坐标x,y,以及宽高w,y;
那么CGRect在可是区域的函数中的作用如下:
CGRect的x,y表示从这个精灵贴图的(x,y)坐标开始设置可视区域,(w,h)可视区域的大小;
下面是运行效果图,童鞋们通过三个精灵(从左往右)之间的对比就很容易明白的:
下面介绍第二个知识点:精灵锚点(anchorPoint);
渲染锚点的作用就是在渲染图片的时候确定其渲染的方式,一般常用的锚点有以下几种:
图片左上角、图片右上角、图片中心点、图片左下角、图片右下角等等
首先童鞋们需要知道一点,在cocos2d引擎中在layer中添加渲染精灵贴图的时候默认的锚点是其中心点;
那么由于cocos2d中layer的原点(0,0)点是屏幕的左下角,所以如果默认创建一个精灵添加到layer中的话,是精灵的中心点放置在layer的原点上,即精灵图片显示在屏幕中只是精灵的宽一半高一半,如下图:
对应代码如下:
-
- CCSprite * spriteOld =[CCSprite spriteWithFile:@"icon.png"];
- [self addChild:spriteOld];
那么如果我们设置其精灵的锚点为左下角则正好将精灵icon完整显示出来,因为精灵的左下角正好与layer的原点重合,如下图:
对应代码如下:
-
- CCSprite * spriteNew =[CCSprite spriteWithFile:@"icon.png"];
- spriteNew.anchorPoint=ccp(0,0);
- [self addChild:spriteNew];
设置的方法是精灵的anchorPoint属性,赋值的是个CGPoint对象,其CGPoint中的x与y最大取1,表示最右与最下;
---------以上介绍的过于简单,那么下面Himi利用可视区域与锚点的特性制作一种从左往右样式简单进度条;
首先我们仍然使用cocos2d的icon图作为一个进度条,然后让其从左往右不断显示出来;步骤如下:
第一步:创建一个精灵,设置精灵的锚点为x=0(最左侧),y=0.5(精灵的y轴中点),代码如下:
-
- CCSprite * spriteP =[CCSprite spriteWithFile:@"icon.png"];
- spriteP.position=ccp(size.width*0.5,size.height*0.5);
- spriteP.anchorPoint=ccp(0,0.5);
- [self addChild:spriteP z:0 tag:88];
细心的童鞋可能会发现以上代码运行后发现精灵并不显示在屏幕中点,嗯,因为我们设置了精灵的锚点,现在精灵的左下角与屏幕中点重合着;
第二步:添加一个变量用于记录当前进度:
- @interface HelloWorldLayer : CCLayer
- {
- float currentShowRect;
- }
然后开启一个刷新函数:
- -(id) init
- {
- [self scheduleUpdate];
- }
- -(void)update:(ccTime)himi{
-
- }
最后一步:在刷新函数中书写从左往右慢慢显示icon进度条逻辑代码,代码如下:
- -(void)update:(ccTime)himi{
-
- CCSprite *sprite =(CCSprite*)[self getChildByTag:88];
- currentShowRect++;
- if(currentShowRect>=100){
- currentShowRect=0;
- }
- [sprite setTextureRect:CGRectMake(0, 0, currentShowRect,sprite.position.y)];
-
- }
运行截图如下:(icon显示区域越来越大,不断循环)
OK,本篇介绍完毕,可能童鞋们会认为本篇知识点过于简单,如果你是个经常关注Himi博客的童鞋,那么你会发现Himi基本上所有的博文都是介绍了很多细节方面的问题,原因一,千篇一律的文章太多,别人都写那么多了,我也没必要赘述。原因二,Himi常说的,细节决定一切,虽然说得绝对了些,但是事实开发项目中基本都是细节问题困扰着大家;
好了,不多说了,继续忙了;
分享到:
相关推荐
...........................\.......\...\...\...\TextureRect.java ...........................\.......\...\...\...\ThreadSetView.java ...........................\.......\...\...\...\TradPair.java .....
IEC 60364-7-722-2018 低压电气装置.第7-722部分:特殊装置或场所的要求.电动车辆的电源.pdf
、eNSP的安装 1.安装eNSP之前必须先安装以下三个插件: VirtualBox WinPcap Wireshack eNSP作为模拟器主体,需要对应版本的VirtualBox和WinPcap提供虚拟环境,Wireshack用于实验当中测试抓取数据包使用。 安装好这三个插件,只需要点下一步选择好对应的安装位置即可,然后就可以安装eNSP软件了。 eNSP的页面
附件是vmware虚拟机安装教程,文件绿色安全,请大家放心下载,仅供交流学习使用,无任何商业目的!
大屏网站粒子效果实现方式
Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
KingbaseES的jar包
"想要快速掌握Python编程的基础知识吗?这个资源是您的最佳选择!它详细介绍了Python编程的基本知识点,包括数据类型、控制结构、函数、模块等内容,让您轻松入门Python编程。 无论您是编程初学者,还是有一定编程基础但希望深入学习Python的开发者,这个资源都适合您。它以通俗易懂的语言,配合实例演示,帮助您更好地理解和掌握Python编程的核心概念和技巧。 这个资源的使用场景非常广泛。您可以在学习Python编程的过程中,将其作为参考资料,随时查阅和巩固知识点。也可以在准备Python面试或考试时,通过这个资源进行复习和提升。此外,如果您是计算机相关专业的学生或教师,这个资源也可以作为教学资料,辅助教学和学习。 这个资源的优势在于它的全面性和实用性。它不仅涵盖了Python编程的基础知识点,还提供了一些实用的编程技巧和经验分享。通过学习这个资源,您将能够更加熟练地使用Python编程,解决实际问题和项目挑战。 如果您还在为找不到好的Python编程学习资源而苦恼,那么这个资源将是您的解决方案。它不仅能够帮助您快速入门Python编程,还能够为您的编程之路提供坚实的支持。还等什么
聚类分析(108页 PPT)
径硕科技:B2B企业如何一个人搭建内容营销体系?.pdf
ISO IEC 27001-2022 信息安全、网络安全和隐私保护信息安全管理系统要求.pdf
SMC 3.0 用户手册
Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
C语言文件读写操作是C语言编程中的一个基础且重要的部分,它允许程序与磁盘上的文件进行交互,实现数据的存储和读取。以下是关于C语言文件读写操作代码的500字资源描述: C语言提供了丰富的文件操作函数,如fopen、fclose、fread、fwrite、fscanf、fprintf等,这些函数为开发者提供了灵活的文件读写方式。通过这些函数,开发者可以轻松地打开文件、读取文件内容、写入数据到文件,以及关闭文件。 在C语言中,文件通常被视为字节流,这意味着文件操作是以字节为单位进行的。例如,fread函数可以从文件中读取指定数量的字节,而fwrite函数则可以将数据以字节的形式写入文件。这种操作方式使得C语言文件读写具有高度的灵活性和可移植性。 此外,C语言还支持文本模式和二进制模式两种文件打开方式。在文本模式下,文件操作会考虑平台特定的换行符转换;而在二进制模式下,文件操作则直接按字节进行,不进行任何转换。这使得C语言可以适应不同平台和不同文件类型的需求。 一个典型的C语言文件读写操作代码示例会包括使用fopen函数打开文件、使用fread或fscanf函数读取文件内容、对读取到的
大学生,数学建模,美国大学生数学建模竞赛,MCM/ICM,2022年美赛特等奖O奖论文
Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
2024-2030中国HMI PLC一体机市场现状研究分析与发展前景预测报告
研发运营一体化(Dev0ps)能力成熟度模型 第7部分-组织结构
"Image and video denoising by sparse 3D transform-domain collaborative filtering" 是一篇关于图像和视频去噪技术的研究论文,它介绍了一种基于稀疏3D变换域的协同滤波方法。这种方法的核心思想是利用图像或视频中的空间和时间冗余信息来去除噪声