As game developers, we usually concern ourselves with issues about how our main character is going to jump, or how to make that special effect work. The title screen is often pushed to last. While it may not take as much technical skill as the main game it is the first thing our players will see.<\/p>\n

I’m going to show you a technique that I use to make a title screen in about 15\u00a0 minutes. It may take you a little longer than that at first, but you build one or two, it goes really fast.<\/p>\n

My objectives:<\/p>\n

\n
1. Works on mobile as well as desktop<\/li>\n
2. Simple but eye-catching<\/li>\n
3. Quick to Build<\/li>\n<\/ol>\n

   To complete this tutorial you’ll need<\/p>\n

   The resource files<\/p>\n\t

   \n\n\t\t\n\t\t

   \n\t\t\tFree – Resource Files<\/span> <\/span><\/button>Checkout<\/a>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t

   The free version of the Ultimate Game Parts Template<\/p>\n\t\n\n\t\t\n\t\t

   \n\t\t\t

   Free – Ultimate Game Parts Template<\/span> <\/span><\/button>Checkout<\/a>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t

   For this example, we will use a game named Stormy Knights<\/p>\n

   Set up the template<\/h2>\n

   Make a copy of the template and name the folder\u00a0stormyKnights.<\/p>\n

   Open up the folder in your favorite code editor.<\/p>\n

   By default, the template is in dev mode. Dev mode skips the title screen and kills the background music<\/p>\n

   To take the template out of dev mode<\/p>\n

   in main.js change<\/p>\n

   model.devMode=true;<\/pre>\n
   to<\/p>\n
   model.devMode=false;<\/pre>\n
   This will also cause the default background music to play but you can turn it off by commenting out this line in the create function of stateLoad<\/p>\n
   \/\/mediaManager.setBackgroundMusic(\"backgroundMusic\");<\/pre>\n
   The template comes with a basic title screen, but we are going to start with a blank state<\/p>\n
    <\/p>\n