cocos2d-js常见对象的几种创建方式
来源:互联网 发布:网络歌曲没有车没有房 编辑:程序博客网 时间:2024/05/08 12:34
create
所有的对象统一使用create方法创建,不再存在createXXX之类的方法
1、精灵Sprite 一共4种创建方式
(1) 根据图片资源路径创建
//参数1:图片资源路径var sprite1 = cc.Sprite.create("res/HelloHTML5World.png");//参数1:图片资源路径,参数2:显示区域var sprite2 = cc.Sprite.create("res/HelloHTML5World.png",cc.rect(0,0,480,320));
(2) 根据plist文件中的frame name创建. 注意:必须要在前头加#符号作为区分
//参数1:帧名字 frame namevar sprite = cc.Sprite.create('#grossini_dance_01.png');
(3) 根据sprite frame创建
var spriteFrame = cc.spriteFrameCache.getSpriteFrame("grossini_dance_01.png");//参数1:cc.SpriteFrame对象var sprite = cc.Sprite.create(spriteFrame);
(4) 根据纹理texture创建
var texture = cc.textureCache.addImage("HelloHTML5World.png");//参数1:纹理var sprite1 = cc.Sprite.create(texture);//参数1:纹理,参数2:显示区域var sprite2 = cc.Sprite.create(texture, cc.rect(0,0,480,320));
2、文字LabelTTF 一共2种创建方式
(1) 根据字体、大小等多参数创建
//参数1:显示字符串,参数2:字体,参数3:字号,参数4:宽高,参数5:定位var myLabel = cc.LabelTTF.create('label text', 'Times New Roman', 32, cc.size(320,32), cc.TEXT_ALIGNMENT_LEFT);
(2) 根据自定义对象cc.FontDefinition创建
var fontDef = new cc.FontDefinition();fontDef.fontName = "Arial";fontDef.fontSize = "32";//参数1:显示字符串,参数2:自定义对象cc.FontDefinitionvar myLabel = cc.LabelTTF.create('label text', fontDef);
3、动画Animation一共3种创建方式
(1) 空创建
//无参数var animation1 = cc.Animation.create();
(2) 根据精灵帧(sprite frames)创建
var spriteFrameArr = [];var spriteFrame = cache.getSpriteFrame("grossini_dance_01.png");spriteFrameArr.push(spriteFrame);//参数1:精灵帧数组var animation1 = cc.Animation.create(spriteFrameArr);//参数1:精灵帧数组,参数2:延续时间,单位为秒var animation2 = cc.Animation.create(spriteFrameArr, 0.2);//参数1:精灵帧数组,参数2:延续时间,单位为秒,参数3:循环次数var animation3 = cc.Animation.create(spriteFrameArr, 0.2,2);
(3) 根据动作帧(animation frames)创建
var animationFrameArr = [];var animationFrame = new cc.AnimationFrame();aFrame1.initWithSpriteFrame(spriteFrame1,0.5);animationFrameArr.push(animationFrame);//参数1:动画帧数组var animation1 = cc.Animation.create(animationFrameArr);//参数1:动画帧数组,参数2:延续时间,单位为秒var animation2 = cc.Animation.create(animationFrameArr, 0.2);//参数1:动画帧数组,参数2:延续时间,单位为秒,参数3:循环次数var animation3 = cc.Animation.create(animationFrameArr, 0.2,2);
4、批量SpriteBatchNode一共2种创建方式
(1)根据图片资源路径
//参数1:图片路径,参数2:容量var spriteBatchNode = cc.SpriteBatchNode.create("res/animations/grossini.png", 50);
(2)根据纹理
var texture = cc.textureCache.addImage("res/animations/grossini.png");//参数1:纹理,参数2:容量var spriteBatchNode = cc.SpriteBatchNode.create(texture,50);
5、精灵SpriteFrame一共2种创建方式
(1)根据图片资源路径
//参数1:图片路径,参数2:区域var frame1 = cc.SpriteFrame.create("res/grossini_dance.png",cc.rect(0,0,90,128));//参数1:图片路径,参数2:区域,参数3:是否旋转,参数4:偏移量,参数5:原区域var frame2 = cc.SpriteFrame.create("res/grossini_dance.png",cc.rect(0,0,90,128),false,0,cc.size(90,128));
(2)根据纹理
var texture = cc.textureCache.addImage("res/grossini_dance.png");//参数1:图片路径,参数2:区域var frame1 = cc.SpriteFrame.create(texture, cc.rect(0,0,90,128));//参数1:图片路径,参数2:区域,参数3:是否旋转,参数4:偏移量,参数5:原区域var frame2 = cc.SpriteFrame.create(texture, cc.rect(0,0,90,128),false,0,cc.size(90,128));
6、粒子效果ParticleSystem一共2种创建方式
(1)根据图片资源路径
//参数1:粒子数量var particle = cc.ParticleSystem.create(50);
(2)根据纹理
//参数1:粒子工具particleDesigner导出的文件var particle = cc.ParticleSystem.create("res/particle.plist");
8、物理PhysicsSprite 一共4种创建方式
(1) 根据图片资源路径创建
//参数1:图片资源路径var physicsSprite1 = cc.PhysicsSprite.create("res/HelloHTML5World.png");//参数1:图片资源路径,参数2:显示区域var physicsSprite2 = cc.PhysicsSprite.create("res/HelloHTML5World.png",cc.rect(0,0,480,320));
(2) 根据plist文件中的frame name创建. 注意:必须要在前头加#符号作为区分
//参数1:帧名字 frame namevar physicsSprite = cc.PhysicsSprite.create('#grossini_dance_01.png');
(3) 根据sprite frame创建
var spriteFrame = cc.spriteFrameCache.getSpriteFrame("grossini_dance_01.png");//参数1:cc.SpriteFrame对象var physicsSprite = cc.PhysicsSprite.create(spriteFrame);
(4) 根据纹理texture创建
var texture = cc.textureCache.addImage("HelloHTML5World.png");//参数1:纹理var physicsSprite1 = cc.PhysicsSprite.create(texture);//参数1:纹理,参数2:显示区域var physicsSprite2 = cc.PhysicsSprite.create(texture, cc.rect(0,0,480,320));
9、大纹理TextureAtlas一共2种创建方式
(1)根据图片资源路径
//参数1:图片路径,参数2:容量var textureAtlas = cc.TextureAtlas.create("res/animations/grossini.png", 50);
(2)根据纹理
var texture = cc.textureCache.addImage("res/animations/grossini.png");//参数1:纹理,参数2:容量var textureAtlas = cc.TextureAtlas.create(texture,50);
0 0
- cocos2d-js常见对象的几种创建方式
- JS面向对象之常见创建对象的几种方式
- JS 创建对象的几种方式
- js创建对象的几种方式
- JS 创建对象的几种方式
- js创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- js 创建对象的几种方式
- JS创建对象的几种方式
- js创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS创建对象的几种方式
- JS 创建对象的几种方式
- shell编程—— EOF 实现执行sql,输出结果
- Android中的网络操作-网络图片从查看
- 每天学一点,总有一天
- MyBatis日期用法技巧
- 关于Qt一些问题的解答
- cocos2d-js常见对象的几种创建方式
- 比較Backbone.js, Angular.js, Ember.js, Knockout.js 心得
- 确定js的事件源html
- linux下查看文件编码及修改编码查看文件编码
- 学习IOS——你必须了解
- YT15-HDU-N皇后问题
- Extjs组件树形结构图
- 南阳33 蛇形填数
- 欢迎使用CSDN-markdown编辑器