Skip to content

A visual scripting editor based on JavaScript 一个基于JavaScrips脚本设计软件的HTML实现

Notifications You must be signed in to change notification settings

leonstill/node-blueprint

Repository files navigation

blueprint


一个类似于UE蓝图的脚本设计软件的HTML实现.

image

这是什么?

这是一个一个类似于Unreal engine 蓝图的脚本的一个设计软件, 基于HTML和JS,你可以将一些复杂的、功能性强的代码封装为可重复调用的一个个功能单元,用简单易懂的流程脚本蓝图来组织、调用他们,可实现用流程蓝图来控制程序的运行,用户可以不大懂编程,也可对程序进行高自定义的、精细的控制。

想象的应用场景

某些应用场景,用户对程序要有高度自定义的需求,例如控制数据采集处理操作;或是对设备控制要能自定义动作,但用户却不懂编程的情况。你可以将自己的设备或是业务代码封装为一个个可调用的单元,处理参数、事件等等,并写好文档,可让用户基于简单的流程图进行自定义调用,自定义处理数据等等。用户只需要在流程图上进行拖拽连连线,即可对自己想要的操作流程进行自定义。

说明

  • 此编辑器基于HTML,并不一定非要在网页中运行,也可以嵌入Electron或cef等框架至桌面端运行。

  • 此项目仅仅是脚本编辑器,可编辑流程图脚本,导出成脚本文件(以后可能会增加脚本翻译为其他语言功能)。

  • 关于脚本的运行:目前脚本仅仅是解释运行模式(以后可能会增加脚本翻译为其他语言功能),当前有编辑器 内置运行器 与 nodejs运行器(c++运行器正在制作),脚本不一定非要运行在js环境中,也可以开发对应的运行器嵌入任何平台中。

注意:这个项目还未开发完成!

⚠ 这个项目还没开发完备和成熟,当前不能用于任何生产的项目中!⚠

如果你对这个项目感兴趣,也可以联系我,wechart: imyzc_dream_or_chase,我们可以一起探讨一下这个项目的前景和应用问题。如果你很想使用这个项目在生产环境中,我会尽力帮助你完善项目和接入改进(可能需要一点点回报)🌈。

如何运行

npm install # 先安装依赖
npm run dev # 运行浏览器模式 

# 或者运行electron模式(可用运行nodejs API)

npm run build-electron-dev # 首先开启一个命令窗口运行编译命令
npm run run-electron-dev # 再开启一个命令窗口运行Electron命令

About

A visual scripting editor based on JavaScript 一个基于JavaScrips脚本设计软件的HTML实现

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 44.0%
  • Vue 25.2%
  • CSS 16.2%
  • SCSS 10.8%
  • HTML 2.4%
  • JavaScript 1.4%