Announcement

Collapse
No announcement yet.

Tech Tree Editor Extension

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    [RELEASED] Tech Tree Editor Extension

    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!

    Click image for larger version  Name:	TechTreeFeaturedSellfy.jpg Views:	1 Size:	279.2 KB ID:	1738539

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

    Horizontal Tree Example:Click image for larger version  Name:	HorizontalTreeExample.png Views:	1 Size:	405.2 KB ID:	1738541
    • Nodes with yellow outline are selected (default UE4 selection) - allows you to modify properties
    Vertical Tree Example:Click image for larger version  Name:	TechTreeVertical.png Views:	0 Size:	131.7 KB ID:	1721812
    • Light blue boundaries line shows how much area is reserved for a widget, can be modified

    Custom Tree Example (center):

    Click image for larger version  Name:	CustomTreeExample.png Views:	1 Size:	406.4 KB ID:	1738540

    UMG preview (in game):

    Click image for larger version  Name:	umg.png Views:	0 Size:	102.8 KB ID:	1721815

    Additional Editor properties:

    Click image for larger version  Name:	EditorProperites.png Views:	0 Size:	16.4 KB ID:	1721816


    Custom Tree Asset:

    Click image for larger version  Name:	Assets.png Views:	0 Size:	14.1 KB ID:	1721814

    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!
    Last edited by Tefel; 04-06-2020, 05:20 AM.

    #2


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

    Click image for larger version

Name:	1.jpg
Views:	444
Size:	337.5 KB
ID:	1721975

    Click image for larger version

Name:	2.jpg
Views:	445
Size:	38.0 KB
ID:	1721976

    Click image for larger version

Name:	3.jpg
Views:	457
Size:	125.2 KB
ID:	1721977

    Click image for larger version

Name:	4.png
Views:	459
Size:	170.8 KB
ID:	1721978

    Comment


      #3
      Anyone interested about this full integration with graph nodes?

      Comment


        #4
        I am interested in this

        Comment


          #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

          Current Project - *shush shush* Ehh.. When its ready?

          Comment


            #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

            Comment


              #7
              Click image for larger version

Name:	TechTreeFeaturedSellfy.jpg
Views:	390
Size:	279.2 KB
ID:	1738543
              Tech Tree Designer is resubmitted for last approval and will be soon available in the marketplace.
              Please check documentation already - https://docs.google.com/document/d/1...h.nj23sjpj5u97

              You can also grab plugin from Sellfy with 10% discount - https://sellfy.com/p/cc8j8j/

              Comment


                #8
                I got a question:
                Can the plugin support the design of the skill "astrolabe"?
                Click image for larger version

Name:	11111.png
Views:	368
Size:	277.8 KB
ID:	1739514

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

                Comment


                  #9
                  Don't forget guys to check documentation: https://docs.google.com/document/d/1...u79rwewh1HTAUU

                  Comment


                    #10
                    Plugin is finally published in the marketplace! Enjoy guys!

                    Click image for larger version

Name:	EdSplash.png
Views:	319
Size:	105.0 KB
ID:	1741473

                    Marketplace link here

                    Comment


                      #11
                      Youtube preview is ready! Enjoy!


                      Comment


                        #12
                        Any feedback / requests?

                        Comment


                          #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!

                          Comment


                            #14
                            Tech Tree Designer is getting update in the MP

                            Comment


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

                              Comment

                              Working...
                              X