node blueprint

---

A JS-based script editing and running program that plagiarizes Unreal Engine blueprint

---

English Readme

characteristic

• Easy drag and drop unit and connection to program
• Based on JavaScript, it can be applied to the Web platform and is easy to develop
• Electron may be supported in the future and can be applied to desktop platforms
• Support debugging, step-by-step execution, variable viewing
• Customizable code blocks to quickly embed your code into
• In the future, an interpreter based on C language may be developed, which can even be used in embedded devices (I don’t know if it can be implemented)

Introduction

This is a design software for scripts similar to (plagiarized) in Unreal engine blueprints. Based on HTML and JS, you can encapsulate some complex and highly functional code into repeated callable functional units, and organize and call them with simple and easy-to-understand process script blueprints. You can use the process blueprint to control the operation of the program. Users can not know much about programming, and can also perform highly customized and fine control of the program.

What's the use? The application scenario I imagined

In some application scenarios, users must have high customization requirements for programs, such as controlling data acquisition and processing operations; or being able to customize actions for device control, but users do not understand programming. You can encapsulate your device or business code into callable units, process parameters, events, etc., and write documents, allowing users to customize calls based on simple flowcharts, customize processing of data, etc. Users only need to drag and drop the line on the flowchart to customize the operation process they want.

Installation and operation mode

There is currently no release version. But you can try debugging the version first.

• Project installation:

 npm install

Currently supports two platforms, Electron and Web, and start-up method:

• Web Platform:

 npm run dev
# 编译成功之后访问 localhost:5173

Development

This project has not been fully developed and matured, so it is best not to be used in any production projects!

Currently, only the author is developing with love. . . If you are also interested in this, you can come to me at any time ( the big guys are handsome and talented, can you help the weak and cute authors? ), wechart: brave_imengyu, we can discuss the prospects and application issues of this project together. If you have any questions, I will try my best to answer you.

If you would love to use this project in a production environment, I will try my best to help you improve your project and access improvements (may require a little reward)?

How to use

1. Run the program
2. After opening, click "New Flowchart" on the homepage or click "File" > "New".
3. The default document has two units, one is the entrance and the other is the exit. Right-click in the chart to move the view.
4. Click the "+" button on the left toolbar or right-click in the chart to pop up the Add Unit menu. Select what you need to add. You can click once. Add to the mouse position. Press and hold and drag to add to the custom position.
5. Each unit has its own port, the entrance to the left and the exit to the right. A triangle is the execution port, and the program moves according to it; a circle is the data port, and the data flows according to it.
   
6. Click the green triangle in the toolbar to debug (there is currently no debug output, but you can use the browser's own debugging tool to view the output and debug information).
   Clicking the blue arrow in the toolbar indicates single-step debugging. Each step of running will pause. The chart will display the direction of the program. You can move the mouse to the port, which will display the current data value of the port.
7. There are only so many functions at present, let’s use your imagination.

license

This project uses the MIT protocol.