ดาวน์โหลด UnityRuntimeNodeEditor - UnityRuntimeNodeEditor SOROD DOWN DOWNOUDAED

ตัวแก้ไขโหนด

ตัวแก้ไขโหนดรันไทม์

เกือบทุกตัวแก้ไขโหนดที่สร้างขึ้นใน Unity กำลังใช้ Unity Editor เพื่อสร้างมันขึ้นมา
เป้าหมายของฉันคือทำให้มันอยู่ในรันไทม์กับ Unity UI

การเชื่อมต่อตามซ็อกเก็ต
โหลดและบันทึกกราฟโดยใช้โหนด serializer
เมนูบริบทสำหรับกราฟโหนดและการเชื่อมต่อ
การแจ้งเตือนตามเหตุการณ์
กระทะและซูม
บรรณาธิการหลายคนสามารถวางไข่ในฉาก
สร้างกราฟโดย API หรือ prefab ที่กำหนดเอง
มรดกและระบบอินพุตใหม่

Unity Version 2021.3.3F1

ตัวแก้ไขโหนด

ตัวอย่างการแสดงสี RGB

ตัวแก้ไขโหนด

ตัวอย่าง

เพียงแค่ขยาย NodeEditor

 public class ExampleNodeEditor : NodeEditor
{
    public override void StartEditor ( NodeGraph graph )
    {
        base . StartEditor ( graph ) ;

        //  make your custom initialization here
    }
}

สร้างกราฟโดยใช้ API กราฟจะยืดไปยังวัตถุที่ถือ (ไม่มีสำเร็จรูป)

 public class ApplicationStartup : MonoBehaviour
{
    public RectTransform        editorHolder ;
    public ExampleNodeEditor    editor ;    //  asigned in unity from hierarchy

    private void Start ( )
    {
        var graph = editor . CreateGraph < NodeGraph > ( editorHolder ) ;
        // var graph = editor.CreateGraph<NodeGraph>(editorHolder, bgColor, connColor);
        editor . StartEditor ( graph ) ;
    }
}

คุณอาจต้องการใช้กราฟที่กำหนดเองและสำเร็จรูปของคุณเองเช่นกัน

 public class ApplicationStartup : MonoBehaviour
{
    public RectTransform        editorHolder ;
    public ExampleNodeEditor    editor ;

    private void Start ( )
    {
        editor . StartEditor ( graph ) ;
    }
}

การกระทำของกราฟเป็นไปตามเหตุการณ์

ตัวแก้ไขโหนด

คุณจะพบตัวอย่างที่สมบูรณ์ในโฟลเดอร์ตัวอย่าง มาคำแนะนำกันเถอะ

ฟังเหตุการณ์จากบรรณาธิการ

 public class ExampleNodeEditor : NodeEditor
{
    private string _savePath ;

    public override void StartEditor ( NodeGraph graph )
    {
        base . StartEditor ( graph ) ;

        _savePath = Application . dataPath + "/Example/Resources/graph.json" ;
        
        Events . OnGraphPointerClickEvent           += OnGraphPointerClick ;
        Events . OnGraphPointerDragEvent            += OnGraphPointerDrag ;
        Events . OnNodePointerClickEvent            += OnNodePointerClick ;
        Events . OnConnectionPointerClickEvent      += OnNodeConnectionPointerClick ;
    }
}

เมนูบริบทกราฟ

 protected override void OnGraphPointerClick ( PointerEventData eventData )
{
    switch ( eventData . button )
    {
        case PointerEventData . InputButton . Right : 
        {
            var ctx = new ContextMenuBuilder ( )
            . Add ( "nodes/float" ,          CreateFloatNode )
            . Add ( "nodes/math op" ,       CreateMatOpNode )
            . Add ( "graph/load" ,          ( ) => LoadGraph ( _savePath ) )
            . Add ( "graph/save" ,          ( ) => SaveGraph ( _savePath ) )
            . Build ( ) ;

            SetContextMenu ( ctx ) ;
            DisplayContextMenu ( ) ; 
        }
        break ;
        case PointerEventData . InputButton . Left : CloseContextMenu ( ) ; break ;
    }
}

เมนูบริบทโหนด

 protected override void OnNodePointerClick ( Node node , PointerEventData eventData )
{
    if ( eventData . button == PointerEventData . InputButton . Right )
    {
            var ctx = new ContextMenuBuilder ( )
            . Add ( "duplicate" ,            ( ) => DuplicateNode ( node ) )
            . Add ( "clear connections" ,    ( ) => ClearConnections ( node ) )
            . Add ( "delete" ,               ( ) => DeleteNode ( node ) )
            . Build ( ) ;

        SetContextMenu ( ctx ) ;
        DisplayContextMenu ( ) ;
    }
}

เมนูบริบทการเชื่อมต่อ

 protected override void OnNodeConnectionPointerClick ( string connId , PointerEventData eventData )
{
    if ( eventData . button == PointerEventData . InputButton . Right )
    {
        var ctx = new ContextMenuBuilder ( )
        . Add ( "clear connection" , ( ) => DisconnectConnection ( connId ) )
        . Build ( ) ;

        SetContextMenu ( ctx ) ;
        DisplayContextMenu ( ) ;
    }
}

มีการกล่าวเพื่อสร้างโหนดใหม่:

 public class MyAwesomeNode : Node
{
    public TMP_InputField valueField ;   //  added from editor
    public SocketOutput outputSocket ;   //  added from editor
    public SocketInput inputSocket ;     //  added from editor

    public override void Setup ( )
    {
        Register ( outputSocket ) ;
        Register ( inputSocket ) ;

        SetHeader ( "float" ) ;
    }

    public override void OnSerialize ( Serializer serializer )
    {
        //  save values on graph save
        serializer . Add ( "floatValue" , valueField . text ) ;

        //  it would be good idea to use JsonUtility for complex data
    }

    public override void OnDeserialize ( Serializer serializer )
    {
        //  load values on graph load
        var value = serializer . Get ( "floatValue" ) ;
        valueField . SetTextWithoutNotify ( value ) ;
    }
}

ในการสร้างโหนดจากตัวแก้ไขของคุณให้ส่งเส้นทางจากโฟลเดอร์ Resources

 //  context item actions
private void CreateMyNode ( )
{
    graph . Create ( "Prefabs/Nodes/MyAwesomeNode" ) ;    //  your prefab path in resources
}