Objet Message : in action

Pour afficher dans un jeu des messages de début ou de fin de jeu, nous pouvons définir un objet.

L'idée principale est de regrouper en une partie commune "create" l'ensemble des fonctions à répéter pour chaque message.

var Screen = {
        welcome: function() {
            // Setup base values
            this.text = 'SORT the Buddles';
            this.textSub = 'find the criteria';
            this.textColor = 'red';
            // Create screen
            this.create();
        },

        gameover: function() {
            this.text = 'We have a Winner';
            this.textSub = 'Winner !';
            this.textColor = 'red';

            this.create();
        },

        create: function() {
            // Background
            ctx.fillStyle = 'black';
            ctx.fillRect(0, 0, canvas.width, canvas.height);

            // Main text
            ctx.fillStyle = this.textColor;
            ctx.textAlign = 'center';
            ctx.font = '40px helvetica, arial';
            ctx.fillText(this.text, canvas.width / 2, canvas.height / 2);

            // Sub text
            ctx.fillStyle = '#999999';
            ctx.font = '20px helvetica, arial';
            ctx.fillText(this.textSub, canvas.width / 2, canvas.height / 2 + 30);
        }
    };