The Start view is very simple. Think of it as a menu screen that allows the player to start the game or to make changes to how the game works. There's also one component that's not terribly obvious if you haven't played the game yet: the title is animated.
When done, we'll have a view that looks like the following screenshot:
As always, let's first start with the template in www/html/startView.html
. Use the following code:
<html> <body> <div class="ui-container"> <div class="game-title">%APP_TITLE%</div> <div class="game-actions action-group"> <div class="game-play button">%PLAY%</div> <div class="game-options button">%OPTIONS%</div> </div> </div> </body> </html>
As templates go, this is nothing new by any stretch of the imagination. There's one thing you should take note of: we've previously used a navigation bar—that's totally absent here and it's on purpose. We...