Book Image

PhoneGap By Example

Book Image

PhoneGap By Example

Overview of this book

Table of Contents (17 chapters)
PhoneGap By Example
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Implementing game restart


We should click on the restart icon on the game over screen. It is the first button in the row below GAME OVER!, we will implement the restart function with the following steps:

  1. Let's add the restart function as an event listener for the click event:

    document.getElementById('restart').addEventListener("click", restart);

    The restart function looks like this:

    function restart() {
        gameOverText.visible = false;
        document.getElementById('game-over').style.display = "none";
        killBubbleRange(0, 0, BOARD_COLS - 1, BOARD_ROWS - 1);
        removeKilledBubbles();
        score = 0;
        scoreText.text = 'score: ' + score;
        refillBoard();
        return false;
    }
  2. In the function, we hide the Game Over! text as well as the following three icons:

    • Restart

    • Share

    • Share with Instagram

  3. After that, we kill all the bubbles on the board and remove them from the stage using the killBubbleRange and removeKilledBubbles functions, which are already defined. Also, we reset the score value and score...