Interfaces on Parts
Part 1 - Getting Started
Interfaces on Parts
Part 1 - Getting Started

In previous interfaces courses, you built a basic score bar and created an interactive button. This course will show how to use these skills to create an information board.

The SurfaceGui object lets you display GUI content onto surfaces in the 3D world. They are commonly used to display leaderboards, or to signpost areas in a game world.

alt text

Creating a Surface GUI

  1. Create a part named InfoBoard.
  2. Change the Size of the part to 15, 18, 1.

  1. Insert a SurfaceGui into the part and rename it InfoSurfaceGui.
  2. Insert a Frame into the GUI and name it BackgroundFrame. This is the background on which the information will be displayed.

Adjusting the GUI


The Face property determines which face of the part will be used to display the SurfaceGui. The BackgroundFrame object will be visible on the surface as a small white square when the correct face is selected.

  • Set the Face property to Front.


To make the frame cover the entire face, you’ll need to adjust its Size property.

  • Set the Size property of BackgroundFrame to {1, 0},{1, 0} so that it covers all of the selected face.


It’s often a good idea to add a UIPadding constraint to create a gap between the borders of a GUI object and its contents.

  1. Insert a UIPadding constraint into InfoSurfaceGui.
  2. Set the PaddingBottom, PaddingLeft, PaddingRight and PaddingTop properties to 0.05, 0 to create a border around the frame.

  1. Set the BackgroundTransparency property of BackgroundFrame to 1.

Next Page Completing the GUI