《Cocos2d 跨平台游戏开发指南(第2版)》一1.6 使用RenderTexture创建精灵-阿里云开发者社区

开发者社区> 异步社区> 正文

《Cocos2d 跨平台游戏开发指南(第2版)》一1.6 使用RenderTexture创建精灵

简介:
+关注继续查看

本节书摘来异步社区《Cocos2d 跨平台游戏开发指南(第2版)》一书中的第1章,第1.1节,作者: 【印度】Siddharth Shekar(谢卡)译者: 武传海 责编: 胡俊英,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.6 使用RenderTexture创建精灵

RenderTexture用来创建占位精灵,它们可以用来构建游戏原型。如果你想测试精灵的移动、跳跃代码,但又不想访问精灵,使用RenderTexture是创建精灵既快速又直接的方式。

1.6.1 准备工作

为了创建RenderTexture精灵,我们将编写一个新函数,当我们给出要创建精灵的尺寸与颜色时,它将创建并返回创建好的精灵。

1.6.2 操作步骤

在MainScene.h文件中,之前我们创建了scene函数,在该函数之下,添加如下粗体代码。

+(CCScene*)scene;

-(CCSprite *)spriteWithColor:(ccColor4F)bgColor
textureWidth:(float)textureWidth
textureHeight:(float)textureHeight;

@end

这个函数将根据所给出的颜色、宽度、高度创建并返回CCSprite精灵。

在MainScene.m文件中,在init函数之下,添加前面函数定义如下:

-(CCSprite *)spriteWithColor:(ccColor4F)bgColor
textureWidth:(float)textureWidth
textureHeight:(float)textureHeight {


  CCRenderTexture *rt =
    [CCRenderTexture
    renderTextureWithWidth:textureWidth
    height:textureHeight];

  [rtbeginWithClear:bgColor.r
    g:bgColor.g
    b:bgColor.b
    a:bgColor.a];

     [rt end];

  return [CCSpritespriteWithTexture:rt.sprite.texture];

}

在该函数中,我们创建了一个新变量rt,它是CCRenderTexture类型,并且把传入函数的宽度与高度传递给它。

然后,使用传入的颜色清空RenderTexture,再调用rt的end函数。

最后,我们将通过传入rt精灵纹理创建CCSprite,并作为函数返回值进行返回。

1.6.3 工作原理

为了使用RenderTexture函数,需要先在添加背景到场景的代码之下添加如下代码。

//rtSprite
CCSprite* rtSprite = [self spriteWithColor:ccc4f(1.0, 1.0, 0.0, 1.0)
textureWidth:150textureHeight:150];
rtSprite.position = CGPointMake(winSize.width/2,
winSize.height/2);
[selfaddChild:rtSprite];

在上述代码中,我们创建了一个新变量rtSprite,它是CCSprite类型,并把调用我们的函数所创建出的精灵赋给它。

调用函数时,将通过传入的r、g、b、a值,创建ccc4f类型的颜色。为了获得黄色,把红色、绿色全部设置为1。此外,我们还分别把宽度、高度值设置150。

然后,把rtSpirte精灵的位置设置到场景中心,最后将其添加到场景中。运行场景,你将看到如图1-17所示的结果。


1_17

1.6.4 更多内容

通过修改rgba颜色值,可以更改精灵颜色。

比如,这里我把rgba颜色值修改为(1.0,0.0,1.0,1.0)(品红色—注:原书所述的黄色是错误的,应为品红色),你将看到如图1-18所示的结果。

//rtSprite
CCSprite* rtSprite = [self spriteWithColor:ccc4f(1.0, 0.0, 1.0, 1.0)
textureWidth:150textureHeight:150];
rtSprite.position = CGPointMake(winSize.width/2, winSize.height/2);
[selfaddChild:rtSprite];


1_18

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
AngularJS最佳实践: 请小心使用 ng-repeat 中的 $index
“有客户投诉,说在删除指定的某条记录时,结果删掉的却是另外一条记录!” 看起来是个很严重的BUG。 有一次我们在工作中碰到了这个问题。 要定位这个BUG非常麻烦, 因为客户也不清楚如何重现这个问题。
953 0
以百度天气预报查询API 服务为例,创建Jmeter JavaSampler请求范例
最近在整理性能测试的一些入门文章,给同事们分享,介绍API 接口自动化和性能测试入门。 下面将以百度天气预报查询API 服务为例,创建Java API 请求范例。 1. API 服务信息 参考文档:https://blog.
2312 0
微信程序开发系列教程(四)使用微信API创建公众号自定义菜单
大家可能经常看到一些微信公众号具有功能强大的自定义菜单,点击之后可以访问很多有用的功能。 这篇教程就教大家如何动手做一做。 这个教程最后实现的效果是:创建一个一级菜单“UI5", 点击之后弹出两个二级菜单,如下图蓝色区域所示。每个二级菜单都能完成一些任务。
12 0
【百度地图API】建立全国银行位置查询系统(一)——如何创建地图
原文:【百度地图API】建立全国银行位置查询系统(一)——如何创建地图 你将在第一章中学会以下知识: 如何创建一个网页文件 怎样利用百度地图API建立一张2D地图,以及3D地图 如何添加对地图进行鼠标和键盘操作的功能 ------------------------------------------------------------------------------------------------------------------- 一、创建网页文件 粘贴以下代码至记事本中,保存文件为bank1-1.htm文件。
1153 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
12049
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载