Giter VIP home page Giter VIP logo

nodebasededitor's Introduction

DEPRECATED

This project was made more than two years ago when I started learning WPF. All I can say is that the code is a mess and it's impossible to refactor without re-writing the whole application. So take this into consideration before wasting your time reading the code.

UPDATE: If you'd like to create your own node based editor, have a look at Nodify

Introduction

Visual Programming Editor is a node based editor that tries to mimic the way you write code in Unreal Engine's 4 Blueprints editor. It features an infinite canvas where you can place nodes and connect their input and output pins to create logically connected sequences of actions. It pretty much functions like a procedural programming language, where you chain function calls starting from an entry point. Each function has its own entry point (input) and exit point (output) and can call other functions and declare and use variables to store temporary data.

The code is all C# having the UI written in WPF. The theme, the window and the dialog controls are built using the MahApps library.

How to use

The Start Page

When the application is first launched, it will display the Start Page which has options for creating a new project or opening an existing one. It also displays the most recent used projects. After creating a project, the project explorer becomes available.

The Project Explorer

Here you can add, remove or rename files or folders by right clicking on them. You can open files by double clicking on them or from the context menu. The file will open in a new tab using a custom editor for that file type.

The Canvas

Creating a new graph file will open in a custom editor which contains a canvas. The canvas can be navigated by holding the right mouse button and dragging. Canvas elements can be selected by holding the left mouse button and dragging or by clicking an item holding the CTRL button to add or remove it from the selection. Nodes can be created using the Actions Menu made visible by clicking the right mouse button on the canvas. Most of the elements show a context menu when you right click on them.

How to execute a graph

#1

nodebasededitor's People

Contributors

miroiu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

nodebasededitor's Issues

cant run

i cant run your code. ninject gives error

Loading graph issue if a pin value contains quotes

If you add a Pin of type string then try to enter in a string that contains quotes it fails to reload the graph.

It seems to have something to do with the Archive.Rad function where it tries to deserialize the string.

Execute a Graph

Hi,

I've been looking at your project and it is very interesting. I've been playing around and I can't seem to get anything to Execute. This is the very simple graph I created.

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.