可视化节点编辑器(Node Editor)

13 篇文章 3 订阅

可视化节点编辑器(Node Editor)

可视化节点编辑器(Node Editor) - Pulaski - 博客园

Pulaski - 博客园

转载请注明出处!

Ogre RTSS Node Based System 

http://www.ogre3d.org/forums/viewtopic.php?f=25&t=75975&p=480098#p480098

dark_sylinc wrote: I agree on the tools. This is why I added a few slides about RTSS to be more node-like. If we make a customizable node system, creating a graphical interactive tool for setting up material would be very easy.....


I proposed an idea similar to this back in 2011, (see here), however i did not get enough feedback to warrant me spending a lot of time on it. However the comments I did get back made some valid points. Mainly the RTSS is slightly lower level then a node based system that an artist may use, however there some simple extensions that could be added to RTSS to allow a node based system to be built on top of it if someone wishes.

      虽然很早以前就在Blender、3DSMax等建模软件中使用过节点编辑器,但是直到自己在一个项目里见到有人自己实现了一个节点编辑器,才有了想在自己项目中也使用节点编辑器的冲动。

      你想拥有Blender这样cool的Node Editor吗?

Designing a Node Editor (Hint: Blender Node Editor)

      你想在自己的项目中实现这样cool的Node Editor吗?本人经过很长一段时间的搜索,收集了一些节点编辑器,总有一款你喜欢的,现整理如下:

1. QT Node Editor

QT Node Editor | nukengine.com

§ Simple and flexible

§ Style with CSS

§ Automatic connection path handling that still handles the basic cases nicely

§ Provide signals and slots where useful

开源免费的哦!MIT License. 不过目前该软件正在重构开发中,期待新版本。。。。。。

2. Kiwi

GitHub - nical/kiwi: Generic pipeline system working with filters and resources that are connected through ports

· Kiwi is free.

· Kiwi is generic.

· Kiwi is lightweight and fast.

· Kiwi is easy to use as a non-developer and easy to extend.

· Kiwi is good re-usability and prototyping.

· Kiwi is not finished yet... (but will be operational soon !)

这个是目前效果最接近Blender的,作者也说了,自己是受Blender's node compositor启发才开发出Kiwi的,这个库分D语言版本和C++版本,而C++语言版本正在开发完善中。同样非常期待。

3. OpenAssembler

http://openassembler.wordpress.com/

使用Python和PyQt开发而成,有兴趣的可以看看。

4. QNodesEditor

http://algoholic.eu/qnodeseditor-qt-nodesports-based-data-processing-flow-editor/

作者在比较了上述3中节点编辑器后,觉得都不太符合自己的需求,于是自己基于Qt的QGraphicsScene开发了一个。牛,佩服其精神和勇气。

5. NetworkView(WPF控件)

NetworkView: A WPF custom control for visualizing and editing networks, graphs and flow-charts - CodeProject

NetworkView: A WPF custom control for visualizing and editing networks, graphs and flow-charts

6. ShaderMan

http://code.google.com/p/shaderman/

Visual node-based editor for DAGs.

  • 3
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用React和DataV来构建可视化大屏编辑器。React是一个用于构建用户界面的JavaScript库,而DataV是一个由阿里巴巴开发的数据可视化工具,可以帮助你快速创建交互式的大屏展示。 下面是一些步骤,可以帮助你开始构建这样的编辑器: 1. 安装React:使用npm或yarn安装React库。可以通过以下命令进行安装: ``` npm install react ``` 2. 创建React应用:使用create-react-app等工具创建一个新的React应用。运行以下命令: ``` npx create-react-app datav-editor ``` 3. 安装DataV:使用npm或yarn安装DataV库。可以通过以下命令进行安装: ``` npm install @antv/data-set npm install @antv/g2 ``` 4. 创建可视化大屏编辑器组件:在React应用中创建一个新的组件,用于展示和编辑可视化大屏。你可以使用DataV提供的图表组件和数据集处理功能来实现可视化效果。 5. 编辑器功能实现:为编辑器组件添加一些功能,比如增加、删除、移动和调整可视化组件的位置和大小等。你可以使用React的状态管理来保存和更新编辑器状态。 6. 保存和导出:实现保存和导出编辑器中的可视化大屏配置。你可以使用浏览器的本地存储或将配置保存到后端服务器。 7. 预览和发布:添加预览功能,让用户可以在编辑器中实时查看可视化大屏的效果。并实现发布功能,将编辑好的可视化大屏展示给其他用户。 以上是一个简单的步骤,可以帮助你开始构建React和DataV的可视化大屏编辑器。当然,具体的实现还需要根据你的需求进行调整和扩展。希望对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值