Initial loading layer

demos/TicTacToe/game_resources/Classes/main_menu_scene.cc

@@ -67,6 +67,7 @@ static const char* kJoinButtonImage = "join_game.png";
 static const char* kLoginButtonImage = "login.png";
 static const char* kLogoutButtonImage = "logout.png";
 static const char* kSignUpButtonImage = "sign_up.png";
+static const char* kLoadingBackgroundImage = "loading_background.png";
 
 // Regex that will validate if the email entered is a valid email pattern.
 const std::regex email_pattern("(\\w+)(\\.|_)?(\\w*)@(\\w+)(\\.(\\w+))+");
@@ -89,6 +90,10 @@ bool MainMenuScene::init() {
   // Initializes the firebase features.
   this->InitializeFirebase();
 
+  // Initializes the loading layer by setting the background that expires on a
+  // delay.
+  this->InitializeLoadingLayer();
+
   // Initializes the authentication layer by creating the background and placing
   // all required cocos2d components.
   this->InitializeAuthenticationLayer();
@@ -637,6 +642,29 @@ void MainMenuScene::InitializeLoginLayer() {
       });
 }
 
+// Creates and places the loading background. Creates a action sequence to delay
+// then swap to the authentication state.
+void MainMenuScene::InitializeLoadingLayer() {
+  // Creates the delay action.
+  auto loading_delay = DelayTime::create(/*delay_durration*/ 2.0f);
+
+  // Creates a callback function to swap state to kAuthMenuState.
+  auto SwapToAuthState =
+      CallFunc::create([this]() { state_ = kAuthMenuState; });
+
+  // Runs the sequence that will delay followed by the swap state callback
+  // function.
+  this->runAction(Sequence::create(loading_delay, SwapToAuthState, NULL));
+
+  // Creates the loading background sprite.
+  const auto window_size = Director::getInstance()->getWinSize();
+  const auto background = Sprite::create(kLoadingBackgroundImage);
+  background->setContentSize(window_size);
+  background->setAnchorPoint(Vec2(0, 0));
+  loading_background_ = background;
+  this->addChild(loading_background_);
+}
+
 // 1. Creates the background node.
 // 2. Adds the layer title label: authentication.
 // 3. Adds the id and password text fields and their event listeners.
@@ -843,11 +871,11 @@ void MainMenuScene::update(float /*delta*/) {
       assert(0);
   }
 }
-// Returns kAuthMenuState. This will be the default update method and
-// immediately swap to auth state. TODO(grantpostma): have this display a
-// loading screen before swapping.
+// Returns kInitializingState. Waits for the delay action sequence to callback
+// SwaptoAuthState() to set state_ = kAuthMenuState.
 MainMenuScene::kSceneState MainMenuScene::UpdateInitialize() {
-  return kAuthMenuState;
+  this->UpdateLayer(state_);
+  return kInitializingState;
 }
 
 // Updates the layer and returns the kAuthMenuState.
@@ -964,4 +992,5 @@ void MainMenuScene::UpdateLayer(MainMenuScene::kSceneState state) {
   auth_background_->setVisible(state == kAuthMenuState);
   login_background_->setVisible(state == kLoginState);
   sign_up_background_->setVisible(state == kSignUpState);
+  loading_background_->setVisible(state == kInitializingState);
 }

demos/TicTacToe/game_resources/Classes/main_menu_scene.h

@@ -87,6 +87,10 @@ class MainMenuScene : public cocos2d::Layer, public cocos2d::TextFieldDelegate {
   // screen.
   void InitializeUserRecord();
 
+  // Initializes the loading layer which includes a background loading image and
+  // state swap delay action.
+  void InitializeLoadingLayer();
+
   // Initializes the game menu layer which includes the background, buttons
   // and labels related to setting up the game menu.
   void InitializeGameMenuLayer();
@@ -129,6 +133,9 @@ class MainMenuScene : public cocos2d::Layer, public cocos2d::TextFieldDelegate {
   // Node to be used as a background for the sign-up menu.
   cocos2d::DrawNode* sign_up_background_;
 
+  // Node to be used as a background for the loading layer.
+  cocos2d::Sprite* loading_background_;
+
   // Labels and textfields for the authentication menu.
   Label* login_error_label_;
   Label* sign_up_error_label_;