Design Post Update

This image shows a finished Paused screen.

Step 1:

This image show where you should create folder for User Interface.

This image shows where you should create Widget Blueprint.

Step 2:

This image shows Pause Screen editor.

This image shows canvas for screen.

Steps 3:

This image shows options for Pause Screen.

This image show Text Block applied on canvas.

This image shows Text Block operation.

This image shows text applied on canvas.

This image shows colour options.

This image shows costumer font style. This is spot where you should put the font name that you want use.

Step 4:

You can add image if you want by dragging image box. To select image that you want to use and drag to “UI” folder. When your Pause screen is finished and you are happy of it than press Compile. Save and close the editor. You can find good image on http://www.freeimages.com/ .

This image shows an image box applied on canvas.

This image shows an image box applied on canvas.

The image that I chose is grunge border from http://vyawie.deviantart.com/art/Border-Black-Grunge-187744467 . You can search in Google Image for grunge border.

This image shows an image that I use for Paused Screen.

Step 5:

Select “Blueprints” then select “Open Level Blueprint”. Press right click and search for letter “P” to pause game and “X” to un paused game and add other important objects that will be needed for “Pause Screen” to work. Create new variable and select and then in variable type change to Boolean. Then create new Variable but this time change to Float.

This image show programmer for Paused screen.

This image shows the program for Paused screen.

Step 6:

If you finish coding press compile and save your Pause screen and you can exit programming. The last thing that is left to test if pause screen is working is to “x” out of programming editor and see if it works.

This image shows a finished Game Paused screen.

You can also watch a video tutorial about how to create a Pause Screen.

The pen tool and associated tools

The Pen Tools...

Straight, Curved or Freeform Lines

A shape in progress showing 4 straight and 2 curved anchor point

• To create a straight line point you simply left click on the canvas when using the pen tool.
• To create a curved line point left click, hold and drag to create the curve you want. A preview line will appear to show you what the line will look like. Once you release the left click the point is created.
• As you continue to left click on different parts of the canvas the anchor points will automatically join together until you join the last anchor point with the original anchor point, thus completing the shape/path. You must join back to the first anchor point to properly complete the shape.
• Once you complete the path/shape it can be moved using the path selection tool or edited using the direct selection tool.
• You can also use the freeform pen tool to create free hand lines as shown below.

The freeform pen tool allows the creations of shapes quickly but is less accurate

• Anchor points can also be added to the shape/path, using the add anchor point tool (within the pen tool), or deleted from the shape/path using the delete anchor point tool (also within the pen tool).
• Anchor points can also be converted from straight line points to curved points and vice versa. To do this, simply click on a point with the convert point tool.
• Below are the available options under the pen tool options on top.

Pen Tool Modes

Add caption

• Shape Layers – create solid coloured layers, this is the most common use of the pen tool.
• Paths – create working paths for selection of an area or to create an invisible shape to hold a body of text.
• Fill Pixels – create rasterized shapes that do not have shape editing capabilities once formed