Nodes最新版是一款专业的编程作图软件。用户使用Nodes官方版时可以使用你最喜欢的工具链(Ramda, D3...),连接各点并以任何格式(csv, json)保存转换后的数据文件。Nodes最新版还支持创建定制工具,导出您的参数子集,供精通技术的客户或其他设计师使用。用户还可以使用它构建简单的原型或复杂的多阶段应用。
基本简介
Nodes是一款相当优秀实用的编程作图工具。软件可以使用任何WebGL框架并从您的3D场景中导出视频。软件同时支持使用HTML、CSS和JavaScript的DOM来创建应用程序,无论是桌面还是移动应用程序。用户使用Nodes时可以从头开始创建你的模型,并将它们导出到Blender等其他工具中重用。
软件亮点
Nodes(编程作图软件)用代码探索想法的思维空间,如果编程是关于思想,而不是分号呢?组成、抽象、概括,从自上而下或自下而上开始,边走边完善,有了 Nodes,编程感觉就像在画布上画草图。
功能介绍
创建实时3D图形
使用任何WebGL框架并从3D场景中导出视频。
建立互动式网路应用程式
结合使用DOM和HTML,CSS和JavaScript来创建桌面或移动应用程序。
生成程序几何
从头开始创建模型,然后将其导出以在其他工具(例如Blender)中重复使用。
创建定制工具
导出一部分参数,供精通技术的客户或其他设计师使用。
解析,分析,探索和可视化数据
使用您喜欢的工具链(Ramda,D3…),连接点并以任何格式(csv,json)保存转换后的数据文件。
软件特色
传入触发器-来自父节点的连接
传出触发器-连接到子节点
传入参数-类型color导致检查器中出现颜色选择器小部件
从npm导入软件包(必须先添加到项目中)
触发回调-通常称为每帧
读取父节点提供的属性
读取输入参数值
主节点代码-绘制具有给定颜色的矩形
将数据进一步向下传递到子节点
使用方法
让我们从设置新项目开始:
Nodes如果您正在浏览器中阅读本教程,请打开该应用程序。
转到“仪表板”窗口。如果已关闭,则始终可以通过单击菜单文件>打开仪表板(Cmd/Ctrl+T)将其重新打开。
点击New Empty Project按钮。
选择一个要保存的文件夹,并为项目命名,例如my-first-project。
点击Create按钮。
一个新的项目窗口应该打开,您应该看到一个空的画布
创建一个图形画布
让我们将第一个节点添加到图中。节点是您组合在一起以创建应用程序的代码段。甲格拉夫是这些节点和它们之间的连接的可视化表示。
双击图形编辑器(窗口左侧的空白区域),然后选择Custom节点模板:
出现一个代表新创建的节点的块
双击该节点以打开代码编辑器。
复制并粘贴下面的代码。
按Shift + Enter进行编译。
按Esc(菜单中的“代码”>“关闭编辑器”)以关闭“代码编辑器”并返回到“图形编辑器”。