Tutorial: Custom GUI with Slate Styles

techPanel

Introduction

During game development many tasks can be done simultaneously as long as the team is big enough. Things can get more difficult when you will try to make a game with a handful of friends or on your own.

Gameplay design, animations rigging, AI scripting, physics coding, UI creation – these are the tasks that you will have to face if you decide to become a one man army. Most of you wont have time or just wont be able to focus on all of these subjects, so you will most likely get basic animations rolling and create some gameplay around it. You will use provided physics engine and move on to AI scripting, create basic materials and use them to put together level prototypes.
Unreal Engine 4 provides variety of tools that will allow you to do just that. However, the UI creation tool – Unreal Motion Graphics (UMG) – is still on the way.

So while we’re all waiting, I decided to shed some light on Slate mysterious syntax by creating widget library that will allow you to prototype some basic game UI without much effort.

Continue reading

Tutorial – Creating outline effect around objects

Outline effect as post process – tutorial

Introduction

In this tutorial I will present a way of creating outline effect for meshes inside UE4. There are two popular methods of creating outline/stroke effect around objects in the game:

  • Render mesh twice. Draw first mesh with a standard material and then draw second mesh with slightly higher scale and emissive material.
  • Add outline to objects in post-process using edge detection

I’ll focus on the second method, as it requires very little effort to integrate it into existing projects. This tutorial assumes, you are familiar with basics of Unreal Engine 4 and it’s systems (material editor in particular). If you wish to fully understand how to implement edge detection algorithm as UE4 material, some basic image processing knowledge will be useful.

Continue reading