Breaking News: Grepper is joining You.com. Read the official announcement!

phaser pause animation instances

Himanshu Jangid answered on May 30, 2022 Popularity 1/10 Helpfulness 1/10

answer phaser pause animation instances

related phaser pause all animations

phaser pause animation instances

Comment

 preload ()
    {
        this.load.atlas('gems', 'assets/tests/columns/gems.png', 'assets/tests/columns/gems.json');
    }

    create ()
    {
        this.add.text(400, 32, 'Click to pause all Square animation instances', { color: '#00ff00' }).setOrigin(0.5, 0);

        const diamond = this.anims.create({ key: 'diamond', frames: this.anims.generateFrameNames('gems', { prefix: 'diamond_', end: 15, zeroPad: 4 }), repeat: -1 });
        const prism = this.anims.create({ key: 'prism', frames: this.anims.generateFrameNames('gems', { prefix: 'prism_', end: 6, zeroPad: 4 }), repeat: -1 });
        const ruby = this.anims.create({ key: 'ruby', frames: this.anims.generateFrameNames('gems', { prefix: 'ruby_', end: 6, zeroPad: 4 }), repeat: -1 });
        const square = this.anims.create({ key: 'square', frames: this.anims.generateFrameNames('gems', { prefix: 'square_', end: 14, zeroPad: 4 }), repeat: -1 });

        //  square added twice just to make sure there are more of them
        const keys = [ 'diamond', 'prism', 'ruby', 'square', 'square' ];

        let x = 100;
        let y = 116;

        for (let i = 0; i < 35; i++)
        {
            this.add.sprite(x, y, 'gems').play(keys[Phaser.Math.Between(0, 4)]);

            x += 100;

            if (x === 800)
            {
                x = 100;
                y += 100;
            }
        }

        this.input.on('pointerdown', function () {

            //  Every sprite using the global 'square' animation will now pause,
            //  because we're pausing the Animation instance itself:

            if (square.paused)
            {
                square.resume();
            }
            else
            {
                square.pause();
            }

        });
    }

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: github.com

Tags: animation instances javascript pause phaser

Link to this answer
Share Copy Link

Contributed on May 30 2022

Himanshu Jangid

0 Answers Avg Quality 2/10

Closely Related Answers

phaser pause all animations

Comment

  preload ()
    {
        this.load.atlas('soldier', 'assets/animations/soldier.png', 'assets/animations/soldier.json');
        this.load.image('bg', 'assets/skies/grass.jpg');
    }

    create ()
    {
        this.add.image(400, 300, 'bg');
        this.add.text(400, 32, 'Click to pause all animations', { color: '#ffffff' }).setOrigin(0.5, 0);

        this.anims.create({
            key: 'shoot1',
            frames: this.anims.generateFrameNames('soldier', { prefix: 'Soldier_2_shot_up_', start: 1, end: 11 }),
            frameRate: 10,
            repeat: -1
        });

        this.anims.create({
            key: 'shoot2',
            frames: this.anims.generateFrameNames('soldier', { prefix: 'soldier_3_shoot_front_', start: 1, end: 11 }),
            frameRate: 10,
            repeat: -1
        });

        //  Generate some random toy soldiers
        for (let i = 0; i < 32; i++)
        {
            const x = Phaser.Math.Between(0, 800);
            const y = Phaser.Math.Between(200, 550);
            const rd = Phaser.Math.Between(200, 2000);
            let troop;

            if (i < 16)
            {
                troop = this.add.sprite(x, y, 'soldier', 'Soldier_2_shot_up_1');
                troop.setDepth(y);

                troop.playAfterDelay({ key: 'shoot1', repeatDelay: rd }, rd);
            }
            else
            {
                troop = this.add.sprite(x, y, 'soldier', 'soldier_3_shoot_front_1');
                troop.setDepth(y);

                troop.playAfterDelay({ key: 'shoot2', repeatDelay: rd }, rd);
            }
        }

        this.input.on('pointerdown', function () {
            //  Every single animation in the Animation Manager will be paused:
            if (this.anims.paused)
            {
                this.anims.resumeAll();
            }
            else
            {
                this.anims.pauseAll();
            }
        }, this);
    }

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: github.com

Tags: javascript pause phaser

Link to this answer
Share Copy Link

Contributed on May 30 2022

Himanshu Jangid

0 Answers Avg Quality 2/10

phaser pause animation instances

Contents

More Related Answers

phaser pause animation instances

Closely Related Answers

phaser pause all animations

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.