Cocos2d-x Lua中Sprite精灵类
2015-09-13 11:01
375 查看
Cocos2d-x Lua中Sprite精灵类
精灵类是Sprite,它的类图如下图所示。
Sprite类图
Sprite类直接继承了Node类,具有Node基本特征。此外,我们还可以看到Sprite类的子类有:PhysicsSprite和Skin。PhysicsSprite是物理引擎精灵类,Skin是皮肤精灵类用于骨骼动画。
创建Sprite精灵对象
创建精灵对象有多种方式,其中常用的函数如下:
cc.Sprite:create ()。创建一个精灵对象,纹理[ 纹理(texture),表示物体表面细节的一幅或几幅二维图形,也称纹理贴图,当把纹理按照特定的方式映射到物体表面上的时候能使精灵看上去更加真实。 ]等属性需要在创建后设置。
cc.Sprite:create (filename)。指定图片创建精灵。
cc.Sprite:create (filename, rect)。指定图片和裁剪的矩形区域来创建精灵。
cc.Sprite:createWithTexture (texture)。指定纹理创建精灵。
cc.Sprite:createWithTexture(texture, rect, rotated=false)。指定纹理和裁剪的矩形区域来创建精灵,第三个参数是否旋转纹理,默认不旋转。
cc.Sprite:createWithSpriteFrame(pSpriteFrame)。通过一个精灵帧对象创建另一个精灵对象。
cc.Sprite:createWithSpriteFrameName (spriteFrameName)。通过指定帧缓存中精灵帧名创建精灵对象。
上述create函数我们在前面章节中介绍过,而且create函数比较简单,我们就不再介绍了。
实例:使用纹理对象创建Sprite对象
使用纹理Texture2D对象创建Sprite对象是使用createWithTexture函数实现的。本节我们会通过一个实例介绍纹理对象创建Sprite对象使用,这个实例如下图所示,其中地面上的草是放在背景(如图所示)中的,场景中的两棵树是从图所示的“树”纹理图片中截取出来的,如图所示是树的纹理坐标,注意它的坐标原点在左上角。
创建Sprite对象实例
场景背景图片
“树”纹理图片
“树”纹理坐标
HelloWorldScene.cpp实现的createLayer函数代码如下:
[html] view plaincopy
function GameScene:createLayer()
local layer = cc.Layer:create()
local bg = cc.Sprite:create("background.png") ①
bg:setPosition(cc.p(size.width/2, size.height/2)) ②
layer:addChild(bg)
local tree1 = cc.Sprite:create("tree1.png",cc.rect(604, 38, 302, 295)) ③
tree1:setPosition(cc.p(200,230))
layer:addChild(tree1,0)
local cache = cc.Director:getInstance():getTextureCache():addImage("tree1.png") ④
local tree2 = cc.Sprite:create() ⑤
tree2:setTexture(cache) ⑥
tree2:setTextureRect(cc.rect(73, 72,182,270)) ⑦
tree2:setPosition(cc.p(500,200))
layer:addChild(tree2,0)
return layer
end
在上面代码第①行cc.Sprite:create("background.png")通过background.png图片创建精灵,background.png图片如前图所示,第②行代码是设置背景的位置。
第③行代码cc.Sprite:create("tree1.png",cc.rect(604, 38, 302, 295))通过tree1.png图片和矩形裁剪区域创建精灵,矩形裁剪区域为(604, 38, 302, 295),如图所示。
rect类可以创建矩形裁剪区,rect构造函数如下:
cc.rect(x, y, width, height)
其中x,y是UI坐标,坐标原点在左上角,width是裁剪矩形的宽度,height是裁剪矩形的高度。
第④行代码通过纹理缓存TextureCache创建纹理Texture2D对象,通过Director的getTextureCache()函数可以获得TextureCache实例,TextureCache 的addImage("tree1.png")函数可以创建纹理Texture2D对象,其中的tree1.png是纹理图片名。
第⑤行代码创建一个空的Sprite对象,所以还要通过的后面的很多函数设置它的属性,其中第⑥行代码tree2:setTexture(cache)是设置纹理。第⑦行代码tree2:setTextureRect(cc.rect(73, 72,182,270))是设置纹理的裁剪区域。
精灵类是Sprite,它的类图如下图所示。
Sprite类图
Sprite类直接继承了Node类,具有Node基本特征。此外,我们还可以看到Sprite类的子类有:PhysicsSprite和Skin。PhysicsSprite是物理引擎精灵类,Skin是皮肤精灵类用于骨骼动画。
创建Sprite精灵对象
创建精灵对象有多种方式,其中常用的函数如下:
cc.Sprite:create ()。创建一个精灵对象,纹理[ 纹理(texture),表示物体表面细节的一幅或几幅二维图形,也称纹理贴图,当把纹理按照特定的方式映射到物体表面上的时候能使精灵看上去更加真实。 ]等属性需要在创建后设置。
cc.Sprite:create (filename)。指定图片创建精灵。
cc.Sprite:create (filename, rect)。指定图片和裁剪的矩形区域来创建精灵。
cc.Sprite:createWithTexture (texture)。指定纹理创建精灵。
cc.Sprite:createWithTexture(texture, rect, rotated=false)。指定纹理和裁剪的矩形区域来创建精灵,第三个参数是否旋转纹理,默认不旋转。
cc.Sprite:createWithSpriteFrame(pSpriteFrame)。通过一个精灵帧对象创建另一个精灵对象。
cc.Sprite:createWithSpriteFrameName (spriteFrameName)。通过指定帧缓存中精灵帧名创建精灵对象。
上述create函数我们在前面章节中介绍过,而且create函数比较简单,我们就不再介绍了。
实例:使用纹理对象创建Sprite对象
使用纹理Texture2D对象创建Sprite对象是使用createWithTexture函数实现的。本节我们会通过一个实例介绍纹理对象创建Sprite对象使用,这个实例如下图所示,其中地面上的草是放在背景(如图所示)中的,场景中的两棵树是从图所示的“树”纹理图片中截取出来的,如图所示是树的纹理坐标,注意它的坐标原点在左上角。
创建Sprite对象实例
场景背景图片
“树”纹理图片
“树”纹理坐标
HelloWorldScene.cpp实现的createLayer函数代码如下:
[html] view plaincopy
function GameScene:createLayer()
local layer = cc.Layer:create()
local bg = cc.Sprite:create("background.png") ①
bg:setPosition(cc.p(size.width/2, size.height/2)) ②
layer:addChild(bg)
local tree1 = cc.Sprite:create("tree1.png",cc.rect(604, 38, 302, 295)) ③
tree1:setPosition(cc.p(200,230))
layer:addChild(tree1,0)
local cache = cc.Director:getInstance():getTextureCache():addImage("tree1.png") ④
local tree2 = cc.Sprite:create() ⑤
tree2:setTexture(cache) ⑥
tree2:setTextureRect(cc.rect(73, 72,182,270)) ⑦
tree2:setPosition(cc.p(500,200))
layer:addChild(tree2,0)
return layer
end
在上面代码第①行cc.Sprite:create("background.png")通过background.png图片创建精灵,background.png图片如前图所示,第②行代码是设置背景的位置。
第③行代码cc.Sprite:create("tree1.png",cc.rect(604, 38, 302, 295))通过tree1.png图片和矩形裁剪区域创建精灵,矩形裁剪区域为(604, 38, 302, 295),如图所示。
rect类可以创建矩形裁剪区,rect构造函数如下:
cc.rect(x, y, width, height)
其中x,y是UI坐标,坐标原点在左上角,width是裁剪矩形的宽度,height是裁剪矩形的高度。
第④行代码通过纹理缓存TextureCache创建纹理Texture2D对象,通过Director的getTextureCache()函数可以获得TextureCache实例,TextureCache 的addImage("tree1.png")函数可以创建纹理Texture2D对象,其中的tree1.png是纹理图片名。
第⑤行代码创建一个空的Sprite对象,所以还要通过的后面的很多函数设置它的属性,其中第⑥行代码tree2:setTexture(cache)是设置纹理。第⑦行代码tree2:setTextureRect(cc.rect(73, 72,182,270))是设置纹理的裁剪区域。
相关文章推荐
- Cocos2d-x Lua中使用标签
- Cocos2d-x Lua Node与Node层级架构
- 第一个Cocos2d-x Lua游戏
- 搭建Cocos Code IDE开发环境
- cocos2dx 46 动作
- 【学习笔记】Cocos2d-JS 如何创建精灵?(一)
- Cocos2d-x添加音效
- cocos2d-x plist在拍照
- Cocos 3D功能初探学习笔记(2)---3D精灵
- cocos2d-x 3.x 集成百度地图(Android IOS)
- 【cocos2dx】成员精灵(组合)的getboundingbox问题
- cocos2dx环境和相关命令
- cocos2d-x 源代码 :可以循环CCScrollView (,代码已被重构连接使用)
- Cocos2d-iPhone V3 (1) 其基本程序常用的行动框架和介绍
- 基于Cocos2d-x的2D光线效果雏形
- Cocos2d 3.2 中ListView中 使用ClippingNode导致裁剪显示的bug
- cocos2d-x -------------------------------世界坐标本地坐标之间的转换
- 小小菜之Cocos2d-x游戏开发旅程——项目实例:飞机大战(2)
- keyboard splitting bug on ipad with ios 5 and 6 (Cocos2d-x)
- cocos3.x创建不规则按钮