Tech Tree Editor Extension

Community Marketplace
1

Tech Tree Editor plugin is released!

MARKETPLACE LINK

I am working on Tech Tree Editor extension which allows to define both Visuals (layout) and Logic (graph nodes). Creating Skill / Technology trees, never was simpler, everything is in just one place!

TechTreeFeaturedSellfy.jpg
TechTreeFeaturedSellfy.jpg1240Ă—930 259 KB

Plugin is ready (submitted to the marketplace), you can grab it already here:
https://sellfy.com/p/cc8j8j/

Horizontal Tree Example:

HorizontalTreeExample.jpg
HorizontalTreeExample.jpg1465Ă—383 103 KB

  • Nodes with yellow outline are selected (default UE4 selection) - allows you to modify properties

Vertical Tree Example:

TechTreeVertical.png
TechTreeVertical.png1276Ă—852 105 KB

  • Light blue boundaries line shows how much area is reserved for a widget, can be modified

Custom Tree Example (center):

CustomTreeExample.jpg
CustomTreeExample.jpg812Ă—840 46.9 KB

UMG preview (in game):

umg.png
umg.png1003Ă—575 83.1 KB

**Additional Editor properties:

EditorProperites.png**

Custom Tree Asset:

Assets.png

Designing in editor:

  • there is only one place do define your graph with visuals, nodes arrangements and connections
  • it uses the same Blueprint Graph Editor already known
  • provides snapping, so nodes can be easily moved around, being well positioned
  • every graph node is using separate UserWidget provides maximum flexibility
  • fully customizable - nodes widgets, lines, colors, background, thickness, arrows

Preview as all other widgets:

  • creates UWidget which can be placed wherever you want in UMG with TechTree asset assigned
  • automatically updates UMG to provide final look of the widget
  • this widget is used for run-time purposes so you can modify it even further to fit your needs

In Game

  • provided look is exactly the same like Editor designed graph
  • every node asset has unique technology associated, can be easily modified
  • every function you need to work with tech / skill trees is exposed to blueprints
  • saved / loaded with UE4 serialization without problems

Goal references:
Civ - https://i.pinimg.com/originals/a5/7b…c4e4fce91f.jpg
Poe - https://poeplanner.com/
Black Desert online - https://www.onrpg.com/wp-content/upl…tSkillTree.jpg
Other - https://i.redd.it/x67mrcy96f721.png

Please guys let me know **what do you think? **If you have any **requests **and if you are going to find this plugin useful!

2 Likes
2

Here are some references to the common tech / skill trees you can create with a plugin:

1.jpg
1.jpg1761Ă—908 283 KB

2.jpg
2.jpg480Ă—728 30 KB

3.jpg
3.jpg1024Ă—474 111 KB

4.png
4.png2266Ă—1732 145 KB

3

Anyone interested about this full integration with graph nodes?:rolleyes:

4

I am interested in this :slight_smile:

5

I was actually about to start going down this road for my project. I am highly interested in this as its a huge time saver and if you can make it do acyclic with potentially multiple parents and further nodes that have no parents that would be even more amazing.

I.E. This VVVV

8363da1fff640c0b592a879d782c33e2c27c6fee.jpeg
8363da1fff640c0b592a879d782c33e2c27c6fee.jpeg1024Ă—474 111 KB
&d=1581885336

6

Hey Arixsus, yeah it’s going to be fully customizable, not sure about curvy lines (if I will find time for making Cubic Hermite spline for connections), it will come later for sure.
Nodes, lines and background are your own widgets so what you do is completely up to you :slight_smile:

7

TechTreeFeaturedSellfy.jpg
TechTreeFeaturedSellfy.jpg1240Ă—930 259 KB

Tech Tree Designer is resubmitted for last approval and will be soon available in the marketplace.
Please check documentation already - Tech Tree Editor Designer - Google Docs

You can also grab plugin from Sellfy with 10% discount - Tech Tree Editor Designer - Tefel

8

I got a question:

11111.jpg

Answer is Yes!
Yes this tree can be achieved in custom (center) mode, where middle of the node connects with middle of another node.

9

Don’t forget guys to check documentation: Tech Tree Editor Designer - Google Docs

10

Plugin is finally published in the marketplace! Enjoy guys! :cool:

EdSplash.png

Marketplace link here

11

Youtube preview is ready! Enjoy!

12

Any feedback / requests?

13

I got some request to access directly node widgets and arrow widgets of specific nodes. There are coming new utilities so you don’t have to use GetAllWidgetsOfClass anymore!

Update comes to MP soon!

14

Tech Tree Designer is getting update in the MP

15

New version was submitted on the 6th of May. Still has pending File Update, hopefully will be updated soon.

16

Plugin available in the marketplace for -50% price. Summer Sales :smiley:

17

Nice work! Any chance this can be made compatible to work in UE 4.20 ?

18

4.20 it’s a little bit late for that :eek:
I always update to the newest version and keep support for previous ones. I will let you know if something changes in this regards.

20

New update is coming to the plugin, here a little bit of preview https://twitter.com/TefelDev/status/1309086253665714182

21

50% OFF

Only right now with 50% discount during Marketplace Black Friday Sale!
MARKETPLACE LINK

Imgur