Phaser Card Timer

This is a card timer based on a question asked on the Facebook Phaser Game Makers group. It will work with any square image and place a line around the box, card or image. The line moves around the card until the time is up.

Usage:

//add an image
this.card = this.add.image(game.config.width / 2, game.config.height / 2, "card");
//make a cardTimer and pass in the image       
        this.cardTimer = new CardTimer({
            scene: this,
            obj: this.card
        });

Set a callback

this.cardTimer.setCallback(this.timeUp, this);

Start the timer

this.cardTimer.start();

Stop the timer

this.cardTimer.stop();

Reset the timer

this.cardTimer.reset();