iCraft Editor: 让你的架构图玩出花来

516 阅读2分钟

前言

你是否还在为平平无奇的架构图绘制而困扰?之前的文章中我们介绍过一种让流程图、架构图中线条动起来的工具,今天将介绍另一种更加酷炫的3D架构图工具,特别适合用于演示汇报的场景。

首页

进入首页之后,和其他的流程图绘制工具一样,我们可以看到一个可以拖拽绘制流程图的画布,以及左侧的可选组件。可以通过拖拽的方式来将这些组件拖拽到画布上进行图的绘制。

创建流程

为了方便演示,我们创建一个极简的API调用流程:请求从浏览器调用api访问后台服务器,后台服务器通过应用服务实现其功能,应用服务器依托database和redis来获取数据。(忽略dns、网关这些)。在软件中绘制的结果如下:

2D效果

emmm, 老实说有点丑,我们可能需要做一些改变,此时可以切换成3D效果

3D效果

通过切换下方的选项,我们可以让图片以3D的效果进行呈现。

旋转效果

上面的效果尽管已经从2D变成了3D,但依旧是静态的,我们可能更希望它动起来,此时,打开旋转按钮,既可实现旋转效果。

动态的旋转效果如下:

子场景

有些时候我们的场景可能比较复杂,无法将所有的场景集中到一张图中进行展示。这个时候我们可以使用子场景的方式来进行绘制,我们以应用服务器为例来展示子场景的效果。

其他动作效果

除了能对整体图进行动态展示,我们还能够针对图中的单个组件进行动作设置。例如我们选中其中一个,然后对其施加heart beat效果,实际展示效果如下:

最后

相比于之前的线头动效图片,iCraft能够让整体和各组件都各自动起来,整体展示效果相比于静态的图片增强了好多,特别适合需要汇报或者演示的场景。感兴趣的话来尝试下吧。