Function collectFGUIGizmos

packages/fairygui-editor/src/FGUIEditorModule.ts:75–140

* Collect gizmo data from FGUI node tree * 从 FGUI 节点树收集 Gizmo 数据 * * Uses the same coordinate conversion as FGUIRenderDataProvider: * - FGUI: top-left origin, Y-down * - Engine: center origin, Y-up * - Conversion: engineX = fguiX - halfWidth, engineY = halfHeight - fguiY * * 使用与 FGUIRenderDa

(
    obj: GObject,
    halfWidth: number,
    halfHeight: number,
    gizmos: IGizmoRenderData[],
    entityId: number,
    selectedVirtualNodeId: string | null,
    parentPath: string
)

 * @param parentPath Path prefix for virtual node ID generation | 虚拟节点 ID 生成的路径前缀
 */
function collectFGUIGizmos(
    obj: GObject,
    halfWidth: number,
    halfHeight: number,
    gizmos: IGizmoRenderData[],
    entityId: number,
    selectedVirtualNodeId: string | null,
    parentPath: string
): void {
    // Skip invisible objects
    if (!obj.visible) return;

    // Generate virtual node ID (same logic as collectFGUIVirtualNodes)
    const nodePath = parentPath ? `${parentPath}/${obj.name || obj.id}` : (obj.name || obj.id);

    // Use localToGlobal to get the global position in FGUI coordinate system
    // This handles all parent transforms correctly
    // 使用 localToGlobal 获取 FGUI 坐标系中的全局位置
    // 这正确处理了所有父级变换
    const globalPos = obj.localToGlobal(0, 0);
    const fguiX = globalPos.x;
    const fguiY = globalPos.y;

    // Convert from FGUI coordinates to engine coordinates
    // Same formula as FGUIRenderDataProvider
    // 从 FGUI 坐标转换为引擎坐标，与 FGUIRenderDataProvider 使用相同公式
    // Engine position is the top-left corner converted to engine coords
    const engineX = fguiX - halfWidth;
    const engineY = halfHeight - fguiY;

    // For gizmo rect, we need the center position
    // Engine Y increases upward, so center is at (engineX + width/2, engineY - height/2)
    // 对于 gizmo 矩形，我们需要中心位置
    // 引擎 Y 向上递增，所以中心在 (engineX + width/2, engineY - height/2)
    const centerX = engineX + obj.width / 2;
    const centerY = engineY - obj.height / 2;

    // Determine color based on selection state
    // 根据选中状态确定颜色
    const isSelected = nodePath === selectedVirtualNodeId;
    const color = isSelected ? FGUIGizmoColors.childSelected : FGUIGizmoColors.childUnselected;

    // Add rect gizmo for this object
    const rectGizmo: IRectGizmoData = {
        type: 'rect',
        x: centerX,
        y: centerY,
        width: obj.width,
        height: obj.height,
        rotation: 0,
        originX: 0.5,
        originY: 0.5,
        color,
        showHandles: isSelected,
        virtualNodeId: nodePath
    };
    gizmos.push(rectGizmo);