1、精灵Sprite 一共4种创建方式
(1) 根据图片资源路径创建
1 2 3 4 | //参数1：图片资源路径varsprite1=cc.Sprite.create("res/zifeiyu.png");//参数1：图片资源路径，参数2：显示区域varsprite2=cc.Sprite.create("res/zifeiyu.png",cc.rect(0,0,480,320)); |
(2) 根据plist文件中的frame name创建. 注意:必须要在前头加#符号作为区分
1 2 | //参数1：帧名字framenamevarsprite=cc.Sprite.create(‘#zifeiyu.png‘); |
(3) 根据sprite frame创建
1 2 3 | varspriteFrame=cc.spriteFrameCache.getSpriteFrame("zifeiyu.png");//参数1：cc.SpriteFrame对象varsprite=cc.Sprite.create(spriteFrame); |
(4) 根据纹理texture创建
1 2 3 4 5 | vartexture=cc.textureCache.addImage("zifeiyu.png");//参数1：纹理varsprite1=cc.Sprite.create(texture);//参数1：纹理，参数2：显示区域varsprite2=cc.Sprite.create(texture,cc.rect(0,0,480,320)); |
2、文字LabelTTF 一共2种创建方式
(1) 根据字体、大小等多参数创建
1 2 | //参数1：显示字符串，参数2：字体，参数3：字号，参数4：宽高，参数5：定位varmyLabel=cc.LabelTTF.create(‘labeltext‘,‘TimesNewRoman‘,32,cc.size(320,32),cc.TEXT_ALIGNMENT_LEFT); |
(2) 根据自定义对象cc.FontDefinition创建
1 2 3 4 5 | varfontDef=newcc.FontDefinition();fontDef.fontName="Arial";fontDef.fontSize="32";//参数1：显示字符串，参数2：自定义对象cc.FontDefinitionvarmyLabel=cc.LabelTTF.create(‘labeltext‘,fontDef); |
3、动画Animation一共3种创建方式
(1) 空创建
1 2 | //无参数varanimation1=cc.Animation.create(); |
(2) 根据精灵帧(sprite frames)创建
1 2 3 4 5 6 7 8 9 | varspriteFrameArr=[];varspriteFrame=cache.getSpriteFrame("ipastimes.png");spriteFrameArr.push(spriteFrame);//参数1：精灵帧数组varanimation1=cc.Animation.create(spriteFrameArr);//参数1：精灵帧数组，参数2：延续时间,单位为秒varanimation2=cc.Animation.create(spriteFrameArr,0.2);//参数1：精灵帧数组，参数2：延续时间,单位为秒，参数3：循环次数varanimation3=cc.Animation.create(spriteFrameArr,0.2,2); |
(3) 根据动作帧(animation frames)创建
1 2 3 4 5 6 7 8 9 10 | varanimationFrameArr=[];varanimationFrame=newcc.AnimationFrame();aFrame1.initWithSpriteFrame(spriteFrame1,0.5);animationFrameArr.push(animationFrame);//参数1：动画帧数组varanimation1=cc.Animation.create(animationFrameArr);//参数1：动画帧数组，参数2：延续时间,单位为秒varanimation2=cc.Animation.create(animationFrameArr,0.2);//参数1：动画帧数组，参数2：延续时间,单位为秒，参数3：循环次数varanimation3=cc.Animation.create(animationFrameArr,0.2,2); |
4、批量SpriteBatchNode一共2种创建方式
(1)根据图片资源路径
1 2 | //参数1：图片路径,参数2：容量varspriteBatchNode=cc.SpriteBatchNode.create("res/animations/ipastimes.png",50); |
(2)根据纹理
1 2 3 | vartexture=cc.textureCache.addImage("res/animations/ipastimes.png");//参数1：纹理,参数2：容量varspriteBatchNode=cc.SpriteBatchNode.create(texture,50); |
5、精灵SpriteFrame一共2种创建方式
(1)根据图片资源路径
1 2 3 4 | //参数1：图片路径，参数2:区域varframe1=cc.SpriteFrame.create("res/ipastimes.png",cc.rect(0,0,90,128));//参数1：图片路径，参数2:区域，参数3：是否旋转，参数4：偏移量，参数5：原区域varframe2=cc.SpriteFrame.create("res/ipastimes.png",cc.rect(0,0,90,128),false,0,cc.size(90,128)); |
(2)根据纹理
1 2 3 4 5 | vartexture=cc.textureCache.addImage("res/ipastimes.png");//参数1：图片路径，参数2:区域varframe1=cc.SpriteFrame.create(texture,cc.rect(0,0,90,128));//参数1：图片路径，参数2:区域，参数3：是否旋转，参数4：偏移量，参数5：原区域varframe2=cc.SpriteFrame.create(texture,cc.rect(0,0,90,128),false,0,cc.size(90,128)); |
6、粒子效果ParticleSystem一共2种创建方式
(1)根据图片资源路径
1 2 | //参数1：粒子数量varparticle=cc.ParticleSystem.create(50); |
(2)根据纹理
1 2 | //参数1：粒子工具particleDesigner导出的文件varparticle=cc.ParticleSystem.create("res/particle.plist"); |
7、物理PhysicsSprite 一共4种创建方式
(1) 根据图片资源路径创建
1 2 3 4 | //参数1：图片资源路径varphysicsSprite1=cc.PhysicsSprite.create("res/ipastimes.png");//参数1：图片资源路径，参数2：显示区域varphysicsSprite2=cc.PhysicsSprite.create("res/ipastimes.png",cc.rect(0,0,480,320)); |
(2) 根据plist文件中的frame name创建. 注意:必须要在前头加#符号作为区分
1 2 | //参数1：帧名字framenamevarphysicsSprite=cc.PhysicsSprite.create(‘#ipastimes.png‘); |
(3) 根据sprite frame创建
1 2 3 | varspriteFrame=cc.spriteFrameCache.getSpriteFrame("ipastimes.png");//参数1：cc.SpriteFrame对象varphysicsSprite=cc.PhysicsSprite.create(spriteFrame); |
(4) 根据纹理texture创建
1 2 3 4 5 | vartexture=cc.textureCache.addImage("ipastimes.png");//参数1：纹理varphysicsSprite1=cc.PhysicsSprite.create(texture);//参数1：纹理，参数2：显示区域varphysicsSprite2=cc.PhysicsSprite.create(texture,cc.rect(0,0,480,320)); |
8、大纹理TextureAtlas一共2种创建方式
(1)根据图片资源路径
1 2 | //参数1：图片路径,参数2：容量vartextureAtlas=cc.TextureAtlas.create("res/animations/ipastimes.png",50); |
(2)根据纹理
1 2 3 | vartexture=cc.textureCache.addImage("res/animations/ipastimes.png");//参数1：纹理,参数2：容量vartextureAtlas=cc.TextureAtlas.create(texture,50); |
cocos2d-x js 中创建node的方法
原文地址：http://www.cnblogs.com/jiajunjie/p/7510981.html