cocos2d-html5/test/sprite/SpriteColorOpacity.js

Cocos2d-HTML5 core package

var SpriteColorOpacity = cc.Layer.extend({
    ctor : function(){
        this._super();
        var winSize = cc.Director.getInstance().getWinSize();

        var sprite1 = cc.Sprite.create(res.grossini_dance_atlas_png, cc.rect(0, 121, 85, 121));
        var sprite2 = cc.Sprite.create(res.grossini_dance_atlas_png, cc.rect(85, 121, 85, 121));
        var sprite3 = cc.Sprite.create(res.grossini_dance_atlas_png, cc.rect(85 * 2, 121, 85, 121));
        var sprite4 = cc.Sprite.create(res.grossini_dance_atlas_png, cc.rect(85 * 3, 121, 85, 121));

        var sprite5 = cc.Sprite.create(res.grossini_dance_atlas_png, cc.rect(0, 121, 85, 121));
        var sprite6 = cc.Sprite.create(res.grossini_dance_atlas_png, cc.rect(85, 121, 85, 121));
        var sprite7 = cc.Sprite.create(res.grossini_dance_atlas_png, cc.rect(85 * 2, 121, 85, 121));
        var sprite8 = cc.Sprite.create(res.grossini_dance_atlas_png, cc.rect(85 * 3, 121, 85, 121));

        sprite1.setPosition((winSize.width / 5), (winSize.height / 3));
        sprite2.setPosition((winSize.width / 5) * 2, (winSize.height / 3));
        sprite3.setPosition((winSize.width / 5) * 3, (winSize.height / 3));
        sprite4.setPosition((winSize.width / 5) * 4, (winSize.height / 3));
        sprite5.setPosition((winSize.width / 5), (winSize.height / 3) * 2);
        sprite6.setPosition((winSize.width / 5) * 2, (winSize.height / 3) * 2);
        sprite7.setPosition((winSize.width / 5) * 3, (winSize.height / 3) * 2);
        sprite8.setPosition((winSize.width / 5) * 4, (winSize.height / 3) * 2);

        sprite5.setColor(cc.RED);
        sprite6.setColor(cc.GREEN);
        sprite7.setColor(cc.BLUE);
        sprite8.setOpacity(127);

        // late add: test dirtyColor and dirtyPosition
        this.addChild(sprite1, 0, 0);
        this.addChild(sprite2, 0, 1);
        this.addChild(sprite3, 0, 2);
        this.addChild(sprite4, 0, 3);
        this.addChild(sprite5, 0, 4);
        this.addChild(sprite6, 0, 5);
        this.addChild(sprite7, 0, 6);
        this.addChild(sprite8, 0, 7);
    }
});

SpriteColorOpacity.create = function(args){
    var layer = new SpriteColorOpacity();
    return layer.init() ? layer : null;
};