3D 小工具插件

前言

3D 小工具插件是由编辑器和自定义插件来定义附加到任何类型的 Node3D 节点的小工具。

This tutorial shows the two main approaches to defining your own custom gizmos. The first option works well for simple gizmos and creates less clutter in your plugin structure, and the second one will let you store some per-gizmo data.

备注

本教程假设你已经知道如何制作通用插件。如有疑问，请参阅 制作插件 页面。

EditorNode3DGizmoPlugin

Regardless of the approach we choose, we will need to create a new EditorNode3DGizmoPlugin. This will allow us to set a name for the new gizmo type and define other behaviors such as whether the gizmo can be hidden or not.

这是一个基本设置:

  1. # my_custom_gizmo_plugin.gd
  2. extends EditorNode3DGizmoPlugin
  5. func get_name():
  6.     return "CustomNode"
  1. # MyCustomEditorPlugin.gd
  2. @tool
  3. extends EditorPlugin
  6. const MyCustomGizmoPlugin = preload("res://addons/my-addon/my_custom_gizmo_plugin.gd")
  8. var gizmo_plugin = MyCustomGizmoPlugin.new()
  11. func _enter_tree():
  12.     add_node_3d_gizmo_plugin(gizmo_plugin)
  15. func _exit_tree():
  16.     remove_node_3d_gizmo_plugin(gizmo_plugin)

For simple gizmos, inheriting EditorNode3DGizmoPlugin is enough. If you want to store some per-gizmo data or you are porting a Godot 3.0 gizmo to 3.1+, you should go with the second approach.

简单方法

The first step is to, in our custom gizmo plugin, override the _has_gizmo() method so that it returns true when the node parameter is of our target type.

  1. # ...
  4. func _has_gizmo(node):
  5.     return node is MyCustomNode3D
  8. # ...

Then we can override methods like _redraw() or all the handle related ones.

  1. # ...
  4. func _init():
  5.     create_material("main", Color(1, 0, 0))
  6.     create_handle_material("handles")
  9. func _redraw(gizmo):
  10.     gizmo.clear()
  12.     var node3d = gizmo.get_node_3d()
  14.     var lines = PackedVector3Array()
  16.     lines.push_back(Vector3(0, 1, 0))
  17.     lines.push_back(Vector3(0, node3d.my_custom_value, 0))
  19.     var handles = PackedVector3Array()
  21.     handles.push_back(Vector3(0, 1, 0))
  22.     handles.push_back(Vector3(0, node3d.my_custom_value, 0))
  24.     gizmo.add_lines(lines, get_material("main", gizmo), false)
  25.     gizmo.add_handles(handles, get_material("handles", gizmo), [])
  28. # ...

Note that we created a material in the _init method, and retrieved it in the _redraw method using get_material(). This method retrieves one of the material’s variants depending on the state of the gizmo (selected and/or editable).

你最后的场景应该是这样的:

  1. extends EditorNode3DGizmoPlugin
  4. const MyCustomNode3D = preload("res://addons/my-addon/my_custom_node_3d.gd")
  7. func _init():
  8.     create_material("main", Color(1,0,0))
  9.     create_handle_material("handles")
  12. func _has_gizmo(node):
  13.     return node is MyCustomNode3D
  16. func _redraw(gizmo):
  17.     gizmo.clear()
  19.     var node3d = gizmo.get_node_3d()
  21.     var lines = PackedVector3Array()
  23.     lines.push_back(Vector3(0, 1, 0))
  24.     lines.push_back(Vector3(0, node3d.my_custom_value, 0))
  26.     var handles = PackedVector3Array()
  28.     handles.push_back(Vector3(0, 1, 0))
  29.     handles.push_back(Vector3(0, node3d.my_custom_value, 0))
  31.     gizmo.add_lines(lines, get_material("main", gizmo), false)
  32.     gizmo.add_handles(handles, get_material("handles", gizmo), [])
  35. # You should implement the rest of handle-related callbacks
  36. # (_get_handle_name(), _get_handle_value(), _commit_handle(), ...).

Note that we just added some handles in the _redraw method, but we still need to implement the rest of handle-related callbacks in EditorNode3DGizmoPlugin to get properly working handles.

替代方法

In some cases we want to provide our own implementation of EditorNode3DGizmo, maybe because we want to have some state stored in each gizmo or because we are porting an old gizmo plugin and we don’t want to go through the rewriting process.

In these cases all we need to do is, in our new gizmo plugin, override _create_gizmo(), so it returns our custom gizmo implementation for the Node3D nodes we want to target.

  1. # my_custom_gizmo_plugin.gd
  2. extends EditorNode3DGizmoPlugin
  5. const MyCustomNode3D = preload("res://addons/my-addon/my_custom_node_3d.gd")
  6. const MyCustomGizmo = preload("res://addons/my-addon/my_custom_gizmo.gd")
  9. func _init():
  10.     create_material("main", Color(1, 0, 0))
  11.     create_handle_material("handles")
  14. func _create_gizmo(node):
  15.     if node is MyCustomNode3D:
  16.         return MyCustomGizmo.new()
  17.     else:
  18.         return null

This way all the gizmo logic and drawing methods can be implemented in a new class extending EditorNode3DGizmo, like so:

  1. # my_custom_gizmo.gd
  2. extends EditorNode3DGizmo
  5. # You can store data in the gizmo itself (more useful when working with handles).
  6. var gizmo_size = 3.0
  9. func _redraw():
  10.     clear()
  12.     var node3d = get_node_3d()
  14.     var lines = PackedVector3Array()
  16.     lines.push_back(Vector3(0, 1, 0))
  17.     lines.push_back(Vector3(gizmo_size, node3d.my_custom_value, 0))
  19.     var handles = PackedVector3Array()
  21.     handles.push_back(Vector3(0, 1, 0))
  22.     handles.push_back(Vector3(gizmo_size, node3d.my_custom_value, 0))
  24.     var material = get_plugin().get_material("main", self)
  25.     add_lines(lines, material, false)
  27.     var handles_material = get_plugin().get_material("handles", self)
  28.     add_handles(handles, handles_material, [])
  31. # You should implement the rest of handle-related callbacks
  32. # (_get_handle_name(), _get_handle_value(), _commit_handle(), ...).

Note that we just added some handles in the _redraw method, but we still need to implement the rest of handle-related callbacks in EditorNode3DGizmo to get properly working handles.