This section will detail the steps necessary to create a front-end game menu. The menu will consist of two screens: main menu screen and options screen. The main menu screen will have a single button that takes the user to the options screen. The bulk of the menu work will be on the options screen, which will include a difficulty setting implemented with an option stepper, video options for bloom and anti-aliasing built using checkboxes and radio buttons, and a sound volume slider control.

NOTE: This tutorial was written in ActionScript 2.0.

Assets from this tutorial have been provided in CLIK folder located in the installed Scaleform 4.6 SDK directory:

Resources/AS2/CLIK/tutorial Resources/AS2/CLIK/tutorial/art_assets

Figure 7: Final Version of Options Screen from Unskinned to Skinned.

The custom user interface that will be created in this tutorial will have the following workflow:

Figure 8: The front end menu flow.