phaser/examples/groups/for each.js

var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });

var baseAlphaIncSpeed= 0.006;

function preload() {
    game.load.spritesheet('item', 'assets/buttons/number-buttons-90x90.png', 90, 90);
}

function create() {

    for (var i = 0; i < 3; i++)
    {
        //  Note: alphaIncSpeed is a new property we're adding to Phaser.Sprite, not a pre-existing one
        game.add.sprite(290, 98 * (i + 1), 'item', i).alphaIncSpeed = baseAlphaIncSpeed * (i + 1);
        game.add.sprite(388, 98 * (i + 1), 'item', i + 3).alphaIncSpeed = baseAlphaIncSpeed * (i + 4);
    }

}

function update() {

    // Animating alpha property of each item using forEach() method.
    game.world.forEach(function(item) {

        // Update alpha first.
        item.alpha -= item.alphaIncSpeed;

        // Check for switch between increasing and descreasing.
        if (item.alpha < 0.001 || item.alpha > 0.999)
        {
            item.alphaIncSpeed *= -1;
        }
        
    });

}

function render() {

    game.debug.renderText('Alpha of items is always changing.', 280, 480);

}