HUD_TEMPLATE = {
    "title": "Vellum Brush", "desc": "tool", "icon": "SOP_vellumbrush",
    "rows": [
        {"id": "shape", "label": "Brush Shape", "key": "B / Shift B"},
        {"id": "shape_g", "type": "choicegraph", "count": len(SHAPES)},
        {"id": "mode", "label": "Mode", "key": "1-6"},
        {"id": "mode_g", "type": "choicegraph", "count": len(MODES)},
        {"id": "radius", "label": "Radius", "key": "mousewheel"},
        {"id": "radius_g", "type": "bargraph"},
        {"id": "frozen", "label": "Frozen", "key": "F"},
        {"id": "setrest", "label": "Set rest state", "key": "H"},

        {"id": "modedev", "type": "divider", "label": "Brush"},
        {"id": "brush_act", "label": "Brush", "key": "LMB"},
        {"id": "sim_act", "label": "Simulate", "key": "Shift LMB"},
        {"id": "drag_act", "label": "Drag pins", "key": "MMB"},
        {"id": "add_act", "label": "Add pin", "key": "Shift MMB"},
        {"id": "del_act", "label": "Remove pin", "key": "Ctrl MMB"},
        {"id": "rot_act", "label": "Rotate pins", "key": "Ctrl Shift MMB"},
    ]
}


class State(object):
    def __init__(self, state_name, scene_viewer):
        self.state_name = state_name
        self.scene_viewer = scene_viewer        

        self.scene_viewer.hudInfo(template=HUD_TEMPLATE)

def onEnter(self, kwargs):
    updates = {
        "shape": self.current_spape_name,
        "shape_g": self.all_shape_names.index(self.current_shape_name)
        "mode": self.current_mode_name,
        "mode_g": self.all_mode_names.index(self.current_mode_name),
        "radius": "{:0.3f}".format(self.radius),
        "radius_g": self.radius / self.max_radius,
        "frozen": "true" if self.is_frozen else "false",
    }
    self.scene_viewer.hudInfo(values=updates)

updates = {
    # 値を直接設定する省略形:
    "shape": self.current_spape_name,
    # 上記の省略形は以下の設定と等価です:
    "mode": {"value": self.curent_mode_name},
    # 値は必ず文字列であることを忘れないでください。
    "radius": "{:0.3f}".format(self.radius),
    "frozen": "true" if self.is_frozen else "false",
    # 行または行グループの可視性を設定します。
    "tangents": {"visible": self.curve_type == "bezier"},
}
self.scene_viewer.hudInfo(hud_values=updates)

HUD_TEMPLATE = {
    "title": "Curve", "desc": "tool",
    "icon": "SOP_curve",
    "rows": [
        {
            "id": "mode", "label": "Mode",
            "key": "{}/{}/{}".format(ENTER_EDITMODE_KEY,
                                     ENTER_DRAWMODE_KEY,
                                     ENTER_AUTODRAWMODE_KEY)
         },
        {"id": "mode_g", "type": "choicegraph", "count": 3},
        {"id": "primtype", "label": "Curve Type"},
        {
            # このグループは、モード別に異なるヒントの"ページ"を切り替えることができます。
            "type": "group", "id": "mode_page",
            "rows": [
                {
                    "type": "group", "id": "edit",
                    "rows": [
                        {"label": "Drag entire curve",
                         "key": "Shift + LMB"},
                        {"label": "Insert a point", "key": "Ctrl + LMB"},
                    ]
                },
                {
                    "type": "group", "id": "draw",
                    "rows": [
                        {"label": "Insert a point (on curve)", "key": "Ctrl + LMB"},
                        {"label": "Finish curve", "key": '{}/{}'.format(FINISH_KEY, "MMB")},
                        {"label" : "Drag point (With no curve active)", "key" : "MMB"},
                        {"label": "Align point with previous point (hold)",
                         "key": "Shift"},
                        { "type" : "group", "id": "bezierdraw", 
                          "rows" : [
                            {"label": "Draw arc segment (hold)",
                             "key": CIRCLE_SEGMENT_KEY},
                            {"label": "Draw straight line segment (hold)",
                             "key": "Shift + Ctrl"}
                        ]}
                    ]
                },
                {
                    "type": "group", "id": "auto",
                    "rows": [
                        {"label": "Insert a point (on curve)", "key": "Ctrl + LMB"},
                        {"label": "Finish curve", "key": '{}/{}'.format(FINISH_KEY,"MMB")},
                        {"label" : "Drag point (With no curve active)", "key" : "MMB"},
                        {"label": "Click where curve should go"},
                        {"label": "Use more points in curvy areas"},
                        {"label": "Finish curve", "key": FINISH_KEY},
                    ]
                },
            ]
        },
        {
            # このグループは、接線を持たないジオメトリタイプに対してこのセクションを非表示にすることができます。
            "type": "group", "id": "tangents",
            "rows": [
                {"type": "divider", "label": "Tangents"},
                {"label": "Set selected point type", "key": "1-3"},
                {"label": "Re-pull tangents (on point)",
                 "key": "Ctrl + LMB"},
                {"label": "Break tangent handle while dragging",
                 "key": "Ctrl"},
                {"label": "Lock tangent direction while dragging",
                 "key": "Shift + Ctrl"},
                {"label": "Snap tangents to 45 degree angles (hold)",
                 "key": "Shift"},
            ]
        },
        {"type": "divider", "label": "Common"},
        {"label": "Show Radial Menu", "key": RADIAL_MENU_KEY},
        {"label": "Toggle Transform Handle", "key": TRANSFORM_TOGGLE_KEY}
    ]
}


# 値/可視性を更新するサンプル:
# "mode"変数に現行モードの文字列(例えば、"draw")が含まれているとします。
# "mode_num"変数は、その現行モードを数字(例えば、0,1,2)で表現します。
# curve_typeが"bezier"の場合にのみ接線ヒントのブロックを表示します。
updates = {
    "mode": mode,
    "mode_g": mode_num,
    "mode_page": {"current": mode},
    "tangents": {"visible": curve_type == "bezier"},
}
scene_viewer.hudInfo(hud_values=updates)