NodeBox(平面设计软件)

　　NodeBox是一款功能强大的平面设计软件，通过此程序，用户可以使数据可视化，生成设计和复杂的生产挑战变得容易。该应用程序不需要花费太多时间来安装。您唯一需要确定的是要安装和运行它的计算机是否装有Java Runtime Environment，因为它是在此平台上构建的。视觉方面，该应用程序非常优美，具有直观的外观界面。主窗口分为几个部分，一个用于显示您创建的所有内容，另一个用于放置和组合元素，而另一个用于显示选定节点的所有管理选项，您可以轻松操作。

软件功能

　　可视化您的数据

　　由于其独特的方法，NodeBox是快速数据可视化的理想选择。NodeBox可以导入许多数据格式，例如Excel电子表格，您可以编写自己的数据导入器和导出器。

　　动画伙伴

　　NodeBox中的每个参数都可以设置动画。动画可以导出为常见的电影格式或图像序列。

　　友好的界面

　　您是否想在不了解编程内容的情况下探索生成设计？使用其基于节点的接口，NodeBox可使生成设计变得轻松快捷。

　　自定义节点

　　使用节点并不一定意味着放弃表达能力。NodeBox使自定义现有节点的功能或从头开始构建自己的节点变得容易。

软件特色

　　工作的方式是通过创建数据集，应用程序将其转换为可视表示。这些数据集是从单独的列表添加的节点。按类别进行组织，您可以从大量的数学，字符串，颜色，列表，数据，几何形状，网络，核心和其他节点类型中进行选择。

　　根据您创建的节点类型，选项集将变为可用。这些用于定义节点的视觉外观及其行为。为了使一切按计划进行，您需要将节点连接在一起，但要确保检查顺序以及连接的位置。

　　也可以创建动画。尽管这需要一些培训和时间，但您可以通过研究一些内置预设来更轻松地结识。您可以将设计导出为不同图像文件格式下的静态艺术品，也可以直接导出为电影以在PC或手机上播放。

　　最重要的是，NodeBox几乎可以从任何东西中获得艺术品。花费一些时间来了解如何创建和组合节点，但是借助直观的界面以及不同的示例，适应成为了一种欢乐。无论是表达数据集还是创建抽象艺术，此应用程序都可以正常工作。

安装方法

　　1、下载并解压zip文件，双击安装程序“NodeBox-3.0.51.exe”开始进行安装。

　　2、准备安装程序，点击【install】按钮开始进行安装。

　　3、正在安装NodeBox，用户等待安装完成。

使用说明

　　创建您的第一个节点

　　打开应用程序。短暂的加载时间后，NodeBox将打开一个新的文档窗口，如下所示：

　　NodeBox文档由连接的节点的网络组成。

　　通过选择默认的矩形节点并输入退格按钮来删除它。

　　单击“新建节点”按钮，或双击网络窗格中的任何位置。这将打开节点选择对话框：

　　在此窗口中，您可以创建一个椭圆节点。有三种可能的方式：

　　滚动浏览（已排序）列表，直到找到“椭圆”节点，然后双击它。

　　单击“几何”选项卡并滚动列表，直到找到“椭圆”节点，然后双击它。

　　输入第一个字母（“ el”），然后在选择“椭圆”节点时按Enter键。如果有多个节点，请使用向上和向下箭头键选择所需的节点。

　　NodeBox文档窗口由三个窗格组成。这些是（从顶部顺时针方向）：

　　查看器窗格，显示您正在处理的构图。

　　参数窗格，您可以调整节点的参数值。

　　网络窗格，显示所有节点及其连接。

　　NodeBox将新节点命名为“ ellipse1”。这是因为NodeBox中的每个节点都必须是唯一可识别的。

　　让我们更改一些参数：

　　双击宽度字段（显示为“ 100”），键入50，然后按Enter。椭圆现在应具有50的宽度。

　　对高度场做同样的事情。

　　您的屏幕应如下所示：

　　您可以在任何地方看到一个数字，将其拖动以查看其作用。如果输入有误，可以将其撤消（在Mac上为Cmd + Z，在Windows / Linux上为Ctrl + Z）。

　　连接节点

　　NodeBox的强大功能来自将节点连接在一起。节点使用其端口连接。每个节点都有一个输出端口和零个或多个输入端口。在这个简单的示例中，我们将在网格上放置形状。

　　再次单击“新建节点”按钮，然后选择网格节点。双击将其放置在网络中。

　　将行设置为6。

　　将列设置为6

　　现在，您应该在查看器窗格中看到一个椭圆形的小蓝点，而不是一个椭圆形。我们可以连接GRID1和在ellipse1通过从输出端口拖动节点GRID1节点到位置的节点在ellipse1的输入端口。双击ellipse1节点，您将看到以下输出：

　　渲染和选定节点

　　NodeBox一次只能显示一个节点的输出。我们在查看器窗格中看到此渲染节点的输出。当前，ellipse1是渲染的节点，这由节点右上角的白色小三角形表示。

　　我们可以在处理另一个节点的参数时查看一个节点的结果。在选择grid1节点时（单击一次），我们将保持ellipse1节点的渲染。

　　更改行数和列数，看看会发生什么。

　　我们刚刚更新了grid1节点，但是我们仍在查看ellipse1节点的结果。这意味着更改后的grid1输出将继续用作ellipse1的输入。这是NodeBox背后的核心思想：节点将（在这种情况下）视觉几何图形或其他信息传递给其他节点。

　　回顾一下：

　　在查看器中，我们查看渲染的节点。在网络窗格中，渲染的节点在该节点的右下角具有一个白色三角形。要更改渲染的节点，请双击另一个节点。

　　在参数窗格中，我们查看选定的节点。在网络窗格中，所选节点周围有一个白色笔划。要更改所选节点，请单击一次节点。

　　基本动画

　　帧

　　让我们创建一个波纹效果，并使用第一个基于帧号的简单动画过程使其自动化。

　　创建一个椭圆节点。

　　将宽度设置为5.0。

　　将“高度”设置为5.0。

　　创建一个网格节点

　　将行设置为30.0。

　　将Columns设置为30.0。

　　创建翻译节点

　　将ellipse1连接到Shape端口。

　　将grid1连接到Translate端口。

　　创建一个着色节点

　　更改填充参数并选择一种颜色。

　　将translate1发送到colorize1节点。

　　当两个或两个以上相同的网格相互重叠然后旋转时，会出现莫尔效应。为了做到这一点：

　　创建一个副本节点

　　将colorize1连接到copy1。

　　将份数设置为2

　　将旋转设置为45.0

　　为了去除不重叠的零件：

　　创建一个删除节点。

　　创建一个椭圆节点，并将“宽度”设置为300.0，将“高度”设置为300.0

　　将copy1连接到Shape端口。

　　将ellipse2连接到Bounding。

　　将范围设置为路径。

　　切换到“删除所选参数”。

　　最后一步是动画本身的实现。查看左下角的动画工具栏。

　　创建一个框架节点。

　　将frame1连接到copy1的Rotate端口。

　　按下动画工具栏中的“播放”按钮，然后查看结果。

　　波

　　我们还可以将波节点与框架结合使用，以获得更高级的动画。

　　让我们创建一个产生类似海星图形的网络。我们将实现一个wave节点来创建动画触手。

　　创建一个椭圆节点，并将Width和Height设置为200.0。

　　创建一个重采样节点，并将Length设置为25.0。将ellipse1连接到其Shape端口。

　　创建一个点节点，以将重采样的路径转换为点。将resample1连接到它。

　　创建一个四边形曲线节点。将points1连接到它的第一个Point端口。将T设置为70.0并将Distance设置为-100。该节点需要第二个端口输入。我们通过将我们拥有的点的列表移动1来提供它，以便每条四边形曲线都将自身（点）与其直接邻居（点）建立连接。

　　创建一个移位节点并连接到它的points1。保留金额为1。

　　让我们添加一些动画：

　　创建一个波节点，并将其连接到牛逼quad_curve1的。

　　创建一个框架节点，并将其连接到wave1的框架端口。

　　在动画工具栏中按播放。

　　发生的是移动的“触角”的波形动画。将wave1中的Type更改为不同于默认Sine的值。请注意，动画是由于波形变化而变化的。

　　目前，所有手臂都具有相同的动画。让我们创建一些变化。

　　创建一个计数节点以对point1中的点数进行计数。将point1连接到它。

　　创建一个范围节点并将count1发送到End端口。这将构成一个从0到计数数量的数字列表，步长为1。在我们的例子中：0、1、2、3、4到25。

　　我们将使用这些数字而不只是帧号将其发送到wave。在这种情况下，这意味着所有波形都偏移了一帧。

　　创建一个添加节点。将range1连接到其第一个端口Value1。将框架1连接到Value2。我们将数字与框架相加，以便在按下播放按钮时保持在相反的位置。

　　将add1连接到wave1的框架。

　　按播放。

　　为了避免这种线性运动，我们可以添加一个混洗节点，以便在将结果发送到四边形曲线之前可以对所有数字进行混洗。

　　创建一个shuffle节点。发送wave1到它。

　　创建数据可视化

　　随机数

　　Nodebox可用于创建数据视觉效果。我们将讨论一些原理，但首先让我们可视化一组随机数。

　　创建一个随机数节点。将“金额”设置为15，将“结束”设置为200.0。

　　创建一个rect节点。将“高度”设置为20并将随机数1连接到“宽度”。

　　创建一个计数节点并将随机数1连接到它。我们将使用它来创建一组随机颜色并作为线节点上的点数量。

　　创建一个线节点。将Point2设置为0.0和300.0，返回直线向下。

　　创建一个重采样节点以列出其点。将方法设置为数量。将count1连接到Points并将line1连接到Shape。

　　创建一个转换节点，并将rect1连接到* Shape **，并将resample1连接到Points。双击以查看结果。

　　让我们用一些额外的节点来清理一下。

　　创建一个着色节点，然后将rect1连接到该节点。我们将基于随机数的权重为其指定颜色，作为颜色值。

　　创建一个对齐节点。将Halign设置为Left并将Valign设置为Middle。将colorize1连接到它，并将其连接到transform1的Shape。

　　创建一个hsb颜色节点。将“色相”设置为150.0，将“饱和度”设置为173.0。将randomnumbers1连接到Brightness。

　　将hsb coulour1连接到colorize1的Fill。

　　渲染翻译1。

　　更改随机数种子1以更改随机数集，从而更改可视化效果。

　　成本

　　在网上找到了以下数据，并存储了一些宏观经济数据及其解释。我们将做与上述类似的示例。您可以在此处查看数据或下载其干净版本。

　　创建一个导入csv节点。在File中指向Debtris.csv 。这将读取完整的csv文件。Nodebox在网络窗格中显示文件。

　　创建两个查找节点。将lookup1的键设置为description，并将lookup2的键设置为pound。这些值引用csv文件每一列的索引值。将import csv1连接到它们两个。

　　创建一个文本路径节点，并将lookup1连接到该节点。将Align设置为Right。选择一种字体和类型。

　　创建一个rect节点，并将lookup2连接到Width。将Height设置为20.0。lookup2的值很大，因此您可能还想在lookup2和rect1之间添加一个除法节点。

　　创建一个align节点并将rect1连接到它。将位置设置为10.0和6.0。这会产生一个向上和向右的小位移。将Halign设置为Left并将Valign设置为Middle。

　　创建一个组合节点。将textpath1连接到List1，将align1连接到List2

　　到目前为止，对于数据本身。现在，让我们创建一个与以前相似的形状以映射数据。

　　创建一个计数节点并将import_csv1连接到该节点。

　　创建一个线节点。将Point2设置为0.0和600.0。

　　创建一个重采样节点以列出其点。将方法设置为数量。将count1连接到Points并将line1连接到Shape。

　　创建一个转换节点，然后将Combine1连接到* Shape **并将resample1连接到Points。双击以查看结果。

　　尝试为网络实现颜色。