Cocos2d-JS Sprite精灵类
2016-04-12 14:30
573 查看
Sprite精灵类
精灵类是cc.Sprite。cc.Sprite类间接继承了cc.Node类,具有cc.Node的基本特征。
1.创建Sprite精灵对象
有4种方式。
a.根据图片资源路径创建
var sp1=new cc.Sprite(“res/background.png”);
//图片资源路径和裁剪的矩形区域
var sp2=new cc.Sprite(“res/tree.png”,cc.rect(604,38,302,295))
2.根据精灵表(纹理图集)中的精灵帧名创建
//精灵帧名
var sp=new cc.Sprite(“#background.png”);
由于这种方式与图片资源路径创建它们的参数都是一个字符串,为了区分是精灵帧名还是图片资源路径,在精灵帧名前面加上#号表示
3.根据精灵帧创建
可以通过精灵帧缓存获得精灵,再从精灵帧对象中获得精灵对象。
//精灵帧缓存
var spriteFrame=cc.spriteFrameCache.getSpriteFrame(“background”);
var sprite=new cc.Sprite(spriteFrame)
4.根据纹理创建精灵
//创建纹理对象
var texture=cc.textureCache.addImage(“background.png”);
//指定纹理创建精灵
var sp1=new cc.Sprite(texture)
//指定纹理和裁剪的矩形区域来创建精灵
var sp2=new cc.Sprite(texture,cc.rect(0,0,480,320))
上述代码中,第8行通过图片创建精灵,变量res.HelloWorld_png是图片的完整路径,他是在resource.js文件中定义的,它代表的图片是HelloWorld.png,第13行代码是通过tree.png图片,和矩形裁剪区域创建精灵,矩形裁剪区域为(604,38,302,295)
第18行代码把tree1.png图片添加到纹理缓存中,第4行代码通过制定纹理和裁剪的矩形区域来创建精灵。
精灵类是cc.Sprite。cc.Sprite类间接继承了cc.Node类,具有cc.Node的基本特征。
1.创建Sprite精灵对象
有4种方式。
a.根据图片资源路径创建
var sp1=new cc.Sprite(“res/background.png”);
//图片资源路径和裁剪的矩形区域
var sp2=new cc.Sprite(“res/tree.png”,cc.rect(604,38,302,295))
2.根据精灵表(纹理图集)中的精灵帧名创建
//精灵帧名
var sp=new cc.Sprite(“#background.png”);
由于这种方式与图片资源路径创建它们的参数都是一个字符串,为了区分是精灵帧名还是图片资源路径,在精灵帧名前面加上#号表示
3.根据精灵帧创建
可以通过精灵帧缓存获得精灵,再从精灵帧对象中获得精灵对象。
//精灵帧缓存
var spriteFrame=cc.spriteFrameCache.getSpriteFrame(“background”);
var sprite=new cc.Sprite(spriteFrame)
4.根据纹理创建精灵
//创建纹理对象
var texture=cc.textureCache.addImage(“background.png”);
//指定纹理创建精灵
var sp1=new cc.Sprite(texture)
//指定纹理和裁剪的矩形区域来创建精灵
var sp2=new cc.Sprite(texture,cc.rect(0,0,480,320))
上述代码中,第8行通过图片创建精灵,变量res.HelloWorld_png是图片的完整路径,他是在resource.js文件中定义的,它代表的图片是HelloWorld.png,第13行代码是通过tree.png图片,和矩形裁剪区域创建精灵,矩形裁剪区域为(604,38,302,295)
第18行代码把tree1.png图片添加到纹理缓存中,第4行代码通过制定纹理和裁剪的矩形区域来创建精灵。
相关文章推荐
- cocos2d-JS核心概念
- 个人初做小游戏RunRunMagic(三) 玩家精灵的创建
- Cocos2d-JS中标签和菜单
- Cocos2dx:使用Cocos Studio创建一个简单的工程
- 关于cocos2d对ETC1图片的支持
- cocos2d-x 3.10 热更新 使用AssetsManagerEx
- 1、Cocos2dx 3.0游戏开发找小三之前言篇
- [cocos2dx笔记018]cocos2dx 2.2.6 lua版控件回调
- 坑爹的CCARRAY_FOREACH
- 【步兵 cocos-js】cc.EditBox 的 快速创建
- 在cocos2d-x中使用RTTI
- 个人初做小游戏RunRunMagic(二) 背景循环和分数
- Cocos2d-x执行时错误:Cocos2d: Get data from file(xxx.xxx) failed!
- 个人初做小游戏RunRunMagic(一) 主要思想
- cocos2d 中 scene(), create(), init() 调用关系
- Cocos2d-html5帧动画
- Cocos2D中节点Z序的计算规则
- Cocos2D中节点Z序的计算规则
- Cocos2D中节点Z序的计算规则
- Cocos2D:变换(transforms)在图形编程中扮演的角色