This listing has not been migrated to FAB by the seller. It is only available to use from your Vault in the Epic Games Launcher.Learn more about Fab

Restyle

AgitoReiKen - Code Plugins - Dec 19, 2022
8
4.88 out of 5 stars(8 ratings)
  • 88%
  • 13%
  • 0%
  • 0%
  • 0%

Change the style of graph editor's elements

  • Supported Platforms
  • Supported Engine Versions
    5.0 - 5.1
  • Download Type
    Engine Plugin
    This product contains a code plugin, complete with pre-built binaries and all its source code that integrates with Unreal Engine, which can be installed to an engine version of your choice then enabled on a per-project basis.

Restyle is an comprehensive overhaul of Graph Editor elements such like Nodes, Pins, Input, Pin Connections.





Features:


General

- New SVG icons

- New widgets

- Almost everything is configurable with styles (Colors, Spacings, Sizes, Brushes, Buttons...)


Nodes

- 3 States (Normal, Selected, Invalid)

- New title style

- Ability to disable "Target Is"


Variable Nodes

- Ability to hide "GET" title [Optional]


Compact Nodes

- New title style with ability to apply it if title length exceeds <n>

- Background icons for Function and Macro


Reroute

- Shows "drag" boundaries on hover


Comments

- New resizing method (which prevents cursor slide off comment)

- Opacity level is set by default (For normal, selected states)


Comment Bubbles (Its not bubble)

- Buttons shows only if widget is hovered


Node Reports (error/warning etc.) and State (development/disabled)

- Title is configurable


Pin Connections

- New style for wires, featuring 45° & 90° alignment

- Prioritizing in context of input/output pins for line length and/or position

(Works for left->right & right->left transitions, also exec<->reroute have their own prioritization)

- Squared, rounded corners

- Radius (up to 0.5 of length, visually shortens the path)

- Optimized for backward routing (has snap points)


Pins

- Custom colors [Optional]

- Custom pin-constructors (Vector4 is only available atm)

- Vector that is Rotator may use new labels (RPY) [Optional]

- Custom text for "Add Pin" [Optional]


Zoom [Optional]

- Ability to set or even generate zoom behavior




GitHub (Free Testing, Patch Notes, Feedback)

Public github repository is used for product management.

There you will know everything what happens about Restyle.

Got issues? Write it to repo. It'll be fixed as soon as possible.

Also it's completely fine to get files there first and test to ensure you would use this.

And if you do, make sure to come back here! :)




First launch:
  1. Turn on "Restyle" plugin ( Edit -> Plugins )
  2. Restart engine
  3. Enable "factories" in plugin settings ( Edit -> Editor Preferences -> [Plugins] -> Restyle )

Technical Details

How it's made?

Plugin registers Visual(Node|Pin|PinConnection) factories in FEdGraphUtilities at index 0 which override widget/connection implementations for specific classes. If any other existing factories want to register a widget, Restyle will allow it. But as the classes contain design implementation, having you registering your own version of widget will not bring new design to it. You may leave that behavior as it is or integrate restyle.

(Integration isn't yet properly discussed nor properly implemented)


Code Modules: Restyle [Editor], RestyleShaders [DeveloperTool]

Number of classes: 72

Number of graphics assets: 36 [svg]

Tags

EDITORSTYLEWIREUI DESIGNGRAPH NODESNODESBLUEPRINTSEDITOR TOOLSGRAPH EDITORNODERESTYLETHEMEDESIGNBLUEPRINT NODEMODERN DESIGN