EndScreen Widget v7

• status : complete
• version : 7.x

Illustration

Introduction

EndScreen is a widget that displays standard information for the end of a game, as well as several user forms. It is generally used as a Widget Step.

The email form and feedback form have client side data validation built in.

Main Options

• showEmailForm: A boolean that, when set to true, enables the email form. Default: true
• showFeedbackForm: A boolean that, when set to true, enables the feedback form. Default: true
• showTotalWin: A boolean that, when set to true, displays the total money won during the game. Default: true
• showExitCode: A boolean that, when set to true, displays the exit code received from the game. Default: true
• totalWinCurrency: The currency of the earnings. Default: 'USD'.
• totalWinCb: A callback that receives an object with information such as total earnings, and returns the value to display as total win.
• email: Options to be passed to the Email widget
• feedback: Options to be passed to the Feedback widget

Main texts options

• message: You have now completed this task and your data has been saved. Please go back to the Amazon Mechanical Turk web site and submit the HIT.
• headerMessage: Thank you for participating!
• totalWin: Your total win:
• exitCode: Your exit code:
• errTotalWin: Error: invalid total win.
• errExitCode: Error: invalid exit code.
• copyButton: Copy
• exitCopyMsg: Exit code copied to clipboard.
• exitCopyError: Failed to copy exit code. Please copy it manually.

Listeners

• WIN: Expects an object with properties total and exit, denoting the total amount won and the exit code, respectively.

Usecase

Example adapted from the StopGo game.

Inside player.js:

stager.extendStep('endgame', {
    // Widget-step.
    widget: 'EndScreen'
});

Inside logic.js:

First, you need to keep track of earnings updating the win property of each client in the registry.

// Let us assume that the player '1234' got a payoff of 10 this round
let payoff = 10;
let playerId = '1234';
gameRoom.updateWin(playerId, payoff);

At the end of the game, you can call the computeBonus method of the gameRoom object. This method will send the current value of the win property to the corresponding player and save a file with all the values inside the data directory.

stager.extendStep('end', {
    init: function() {

        // Feedback.
        memory.view('feedback').save('feedback.csv', {
            header: [ 'timestamp', 'player', 'feedback' ],
            keepUpdated: true
        });

        // Email.
        memory.view('email').save('email.csv', {
            header: [ 'timestamp', 'player', 'email' ],
            keepUpdated: true
        });
    },
    cb: function() {
        gameRoom.computeBonus();
    }
});

The full options for the gameRoom.computeBonus are available here.

Links

• Source Code
• List of Widgets