. 可视化 FSM 的效果是怎么做的

FSM（有限状态机）的可视化效果可以通过绘制状态转移图来实现。状态转移图是一个有向图，其中节点表示状态，边表示状态之间的转移。

一般来说，可以使用一些绘图工具，如Graphviz、PlantUML等来绘制状态转移图。这些工具可以通过简单的语法描述状态和状态之间的转移，然后自动生成状态转移图。

以下是一个使用PlantUML绘制的简单状态转移图的示例：

@startuml
[*] --> State1
State1 --> State2 : Trigger1 / Action1
State2 --> State3 : Trigger2 / Action2
State3 --> [*]
@enduml

其中，`[*]`表示开始状态，`-->`表示状态之间的转移，`:`表示触发器，`/`表示动作。通过这样的语法描述，PlantUML可以自动生成状态转移图。

除了使用工具绘制状态转移图之外，还可以手动绘制。手动绘制需要根据状态之间的转移关系，画出每个状态的形状和之间的连线。可以使用一些绘图软件，如Visio、PowerPoint等来完成手动绘制。