Connect the Beam

Now that you've made the attachments, it's time to connect them to the beam so that a texture can be shown.

  1. Under TestPlayer, select the TutorialBeam. In Properties, find Attachment0. Click the empty box to the right of the property. Then, in Explorer, find TestPlayer and click on PlayerAttachment.

  2. In the TutorialBeam properties, set Attachment1 to the attachment you created in GoalPart1, the GoalAttachment.

Adjusting the Beam

By default, a beam doesn't always face the camera. This may lead to situations where players are unable to see a beam from different angles. This can be fixed by turning on a property called FaceCamera.

FaceCamera Off
FaceCamera On
  1. Make the beam visible at any position by going into the beam's properties and enabling FaceCamera.

    Once finished, you should see a white beam between the player and goal, regardless of camera angle.

Making the Tutorial Arrows

The image displayed along the beam can be customized by changing its 2D texture. In addition, beams have a variety of visual options, such as texture, color, motion that can be modified.

  1. To stream arrows along the beam like in the example, copy 5886559421 and paste it into the beam's Texture property.

  2. Right now, the arrow's texture is stretched. Set TextureMode to Static to make the arrow repeat at its original size.

  3. Modify beam properties like Color, LightEmission, and TextureSpeed to design something that feels eye-catching and appealing. Below is just one example.

Tips for Color Choices

Color is one opportunity for improving a first time user experience. For example, contrasting or saturated colors get more attention, making it easier to inform players where to look on their screen.

Additionally, as you design, consider accessibility for your players. Some players may struggle to see certain color combinations, making it important that colors appeal to the broadest audience.