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

Camera FADE_OUT_START Phaser 3

M.Bilal Nawaz answered on November 1, 2022 Popularity 1/10 Helpfulness 1/10

answer Camera FADE_OUT_START Phaser 3

Camera FADE_OUT_START Phaser 3

Comment

preload ()
    {
        this.load.image('pic', 'assets/pics/a-new-link-to-the-past-by-ptimm.jpg');
        this.load.image('logo', 'assets/sprites/phaser3-logo.png');
    }

    create ()
    {
        this.add.image(400, 300, 'pic');

        this.logo = this.add.image(400, 200, 'logo')
            .setVisible(false);

        //  Let's show the logo when the camera shakes, and hide it when it completes
        this.cameras.main.on('camerafadeoutstart', function () {

            this.logo.setVisible(true);

        }, this);

        this.cameras.main.on('camerafadeoutcomplete', function () {

            this.logo.setVisible(false);

        }, this);

        //  Every time you click, fade the camera
        this.input.on('pointerdown', function () {

            //  Get a random color
            var red = Phaser.Math.Between(50, 255);
            var green = Phaser.Math.Between(50, 255);
            var blue = Phaser.Math.Between(50, 255);

            this.cameras.main.fade(2000, red, green, blue);

        }, this);
    }

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: camera javascript phaser

Link to this answer
Share Copy Link

Contributed on Nov 01 2022

M.Bilal Nawaz

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Camera FADE_OUT_START Phaser 3

Contents

More Related Answers

Camera FADE_OUT_START Phaser 3

Grepper

Documentation

Social

Legal

Contact

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