Unreal Engine –Procedural UI UE1019

Procedural UI: background and borders UMG material KIT

技术细节

Additional note on colours: Flat colour (param name “TintColorAndOpacity”) must be previewed as sRBG and copied from outside in Hex sRBG slot. If leaved as plain white #FFFFFF you can set the colour directly in UMG widget interface (param “Tint” or “ColorContentAndOpacity”, depending on widget type). Otherwise Gradient Colours must be previewed with sRBG unchecked and copied in Hex Linear Slot. This is required to perform the colour blending in RBG space and achieving the same beautiful results as Photoshop and Illustrator. See last image.

CHANGELOG

Update 1.7

  • Fixed the usage of fixed pixel size, now is correctly displayed on widget with any size and ration

Update 1.6

  • Let choose border thickness also using target pixels

Update 1.5

  • Added background texture feature
  • Added second material version without some Static Switches that let you combine all features together
  • Update Category of some material params to be more user friendly
  • Fix bug when Border Smoothing was forced to 0

Features:

  • Rounded borders (each rounding settable individually)
  • Stroke only (each round settable individually, both internal and external)
  • Rounding settable as percentage or target pixel
  • Flat color or Gradient up to 4 color with adjustable color stop points and blend weights
  • Linear gradient with 360° of rotation
  • Normal Radial gradient or elliptical
  • Only stoke angle feature (see picture n° 3)