Function NodeLabelSprite

graph-ui/src/components/NodeLabels.tsx:99–130

({ node }: { node: GraphNode })

}

function NodeLabelSprite({ node }: { node: GraphNode }) {
  const label = useMemo(
    () => createLabelTexture(node.name, node.color),
    [node.name, node.color],
  );

  useEffect(() => {
    return () => label?.texture.dispose();
  }, [label]);

  if (!label) return null;

  const worldFontSize = Math.max(1.8, node.size * 0.4);
  const worldHeight = worldFontSize * (label.height / TEXTURE_FONT_SIZE);
  const worldWidth = worldHeight * (label.width / label.height);

  return (
    <sprite
      position={[node.x, node.y + node.size * 0.7 + worldHeight / 2, node.z]}
      scale={[worldWidth, worldHeight, 1]}
      renderOrder={20}
      frustumCulled={false}
    >
      <spriteMaterial
        map={label.texture}
        transparent
        depthWrite={false}
        toneMapped={false}
      />
    </sprite>
  );
}

export function NodeLabels({
  nodes,