Cocos2D-JS-Quick-Tutorials icon indicating copy to clipboard operation
Cocos2D-JS-Quick-Tutorials copied to clipboard

05 | Cocos2D-JS | How to define the attributes of an object

Open Gurigraphics opened this issue 7 years ago • 0 comments

05 | How to define the attributes of an object

There are 3 ways to define and edit the attributes of an object

Mode 1

    var sprite = new cc.Sprite(Game.res.HelloWorld_png);
    
    sprite.setAnchorPoint(cc.p(0, 0));
    sprite.setAnchorX(0); sprite.setAnchorY(0);
    sprite.setPosition(cc.p(x, y));
    sprite.setRotation(45); sprite.setScale(1.0);
    sprite.setScaleX(1); sprite.setScaleY(1);
    sprite.setVisible(false); sprite.setFlippedX(0);
    sprite.setFlippedY(0); sprite.setSkewX(0);
    sprite.setSkewY(0); sprite.setOpacity(0);

Mode 2

    var sprite = new cc.Sprite("HelloWorld.png");
     
    sprite.attr({ 
    	x: x, 
    	y: y, 
    	anchorX: 0.5, 
    	anchorY: 0.5, 
    	rotation: 45, 
    	scale: 1, 
    	scaleX: 1, 
    	scaleY: 1, 
    	visible: true, 
    	flippedX: false, 
    	flippedY: false, 
    	skewX: 0, 
    	skewY: 0, 
    	opacity: 50 
    });

Mode 3

    var sprite = new cc.Sprite(res.HelloWorld_png); 
    
    sprite.x: x; 
    sprite.y: y; 
    sprite.anchorX: 0.5; 
    sprite.anchorY: 0.5; 
    sprite.rotation: 45; 
    sprite.scale: 1; 
    sprite.scaleX: 1; 
    sprite.scaleY: 1; 
    sprite.visible: true; 
    sprite.flippedX: false; 
    sprite.flippedY: false; 
    sprite.skewX: 0; 
    sprite.skewY: 0; 
    sprite.opacity: 50;

Gurigraphics avatar Apr 29 '18 22:04 Gurigraphics