Skip to content
RTS Multiplayer Game Series
5.Basic UI for selected units
screen cap the mannequin thumbnail in content browser,
process in Gimp software:
Image → Scale Image
Repeat the same on unit 2 image
Drag the images in UE as texture
To show image thumbnail when the characters are selected:
Go to Parent unit class, add variables:
Open Unit Style 1 BP, choose 2d image
repeat the same on unit 2
Create a Widget called SelectedUnitsArea
name the hozriontal box as UnitBox, set as variable
Create 2nd widget, called SelectUnitWidget
change fillscreen to custom, set as 150 x150
Drag the image layer, name as UnitImage, set as variable
size 150x150
select the root layer, set Padding as 3 in Details
Go to the graph, add variable
Go to Parent unit class
event begin play node:
Go to Player Controller,
end of event beginplay graph:
go to RTS interface, add new function and inputs:
Back to Player Controller, add follow new function graph
Go to Parent unit class, add follow at the end of select and deselect units:
To select characters by clicking on thumbnail image:
Go to Selected Unit Widget, graph,
Choose On Mouse button down in functions
Go to RTS interface, add 2 new functions
Add input unit on Select Single Unit function
Go to RTS Marquee HUD, make those 2 new functions events
Back to Selected Unit Widget, On Mouse button down function:
Improvement to get to know which unit we are hovering over
Use yellow color to indicate which character is hovering over :
Go to RTS interface, add 2 functions for highlighting units
Duplicate a Selected_Decal Material, name as Highlight_Decal MAT (a new material to identfy between selected and de-selected color)
Change emissive color to yellow,
add x10 multiplyer in between,
set Linerar sine input value from 3 to 0.5
Go to Unit parent class, make those 2 new events, select the new material made in set decal material node for highlight unit (use original one in Un-highlight unit)
Go back to Selected Unit Widget → event graph
create the following (white color on mouse leave/un-highlight, yellow color on mouse enter/highlight)
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.