LibGDX：如何在游戏世界中显示绑定物理体的UI元素

核心问题分析 #

你现在用project()把世界坐标转成屏幕坐标给Stage里的元素，但Stage默认用的是UI相机（像素坐标系），和游戏的物理世界相机（米级坐标系）参数不匹配，导致缩放时文本等元素和物理体比例失调。下面给两种直接可行的解决方案：

方案一：直接用游戏相机绘制（无Stage依赖，适合简单元素） #

把血条、昵称当成游戏世界的一部分，用SpriteBatch和ShapeRenderer直接绘制，完全复用游戏的物理相机，自动适配缩放和平移。

实现步骤：

1. 准备好绘制所需的资源：BitmapFont（用于昵称）、ShapeRenderer（用于血条）。
2. 在游戏主循环的render()方法中，先设置渲染器的投影矩阵为游戏相机的矩阵，再根据物理体的世界坐标计算元素位置并绘制。

示例代码：

// 初始化资源（在create()中）
BitmapFont nicknameFont = new BitmapFont();
nicknameFont.setColor(Color.WHITE);
nicknameFont.getData().setScale(0.2f); // 适配世界单位，0.2米高的字体
ShapeRenderer shapeRenderer = new ShapeRenderer();

// 渲染逻辑（在render()中）
@Override
public void render(float delta) {
    // 清屏
    Gdx.gl.glClearColor(0, 0, 0, 1);
    Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);

    // 更新物理世界
    world.step(delta, 6, 2);

    // 绘制游戏元素（比如物理体的Sprite）
    gameSpriteBatch.setProjectionMatrix(gameCamera.combined);
    gameSpriteBatch.begin();
    // ... 绘制物理体精灵
    gameSpriteBatch.end();

    // 绘制物理体的昵称和血条
    gameSpriteBatch.setProjectionMatrix(gameCamera.combined);
    gameSpriteBatch.begin();

    Vector2 bodyPos = playerBody.getPosition();
    // 绘制昵称：在物理体上方1米处居中
    String nickname = "Player1";
    float textWidth = nicknameFont.getBounds(nickname).width;
    nicknameFont.draw(gameSpriteBatch, nickname, bodyPos.x - textWidth/2, bodyPos.y + 1f);

    gameSpriteBatch.end();

    // 绘制血条
    shapeRenderer.setProjectionMatrix(gameCamera.combined);
    shapeRenderer.begin(ShapeRenderer.ShapeType.Filled);
    
    // 血条背景（白色边框）
    shapeRenderer.setColor(Color.WHITE);
    shapeRenderer.rect(bodyPos.x - 0.5f, bodyPos.y + 0.8f, 1f, 0.1f);
    // 血条填充（红色，按当前生命值比例）
    shapeRenderer.setColor(Color.RED);
    float hpRatio = currentHp / maxHp;
    shapeRenderer.rect(bodyPos.x - 0.5f, bodyPos.y + 0.8f, 1f * hpRatio, 0.1f);
    
    shapeRenderer.end();
}

方案二：用Stage同步游戏相机（适合复杂UI元素） #

如果需要用Stage管理复杂的关联元素（比如带交互的按钮），可以让Stage的相机完全同步游戏物理相机的参数，让Actor的坐标直接对应世界坐标。

实现步骤：

1. 创建Stage时，使用和游戏相机一致的视口（比如ExtendViewport，以世界单位为尺寸）。
2. 每次游戏相机更新后，同步Stage相机的位置、缩放参数。
3. 直接用物理体的世界坐标设置Actor的位置，无需坐标转换。

示例代码：

// 初始化Stage（在create()中）
OrthographicCamera gameCamera = new OrthographicCamera(16, 9); // 游戏世界16x9米
Viewport viewport = new ExtendViewport(16, 9, gameCamera);
Stage hudStage = new Stage(viewport);

// 创建昵称Label
Label nicknameLabel = new Label("Player1", new Label.LabelStyle(nicknameFont, Color.WHITE));
nicknameLabel.setPosition(0, 0); // 后续动态更新
hudStage.addActor(nicknameLabel);

// 游戏循环中同步相机（在update()或render()开头）
gameCamera.update();
hudStage.getCamera().position.set(gameCamera.position);
hudStage.getCamera().zoom = gameCamera.zoom;
hudStage.getCamera().update();

// 更新Label位置（在render()中）
Vector2 bodyPos = playerBody.getPosition();
// 居中显示在物理体上方1米处
nicknameLabel.setPosition(bodyPos.x - nicknameLabel.getWidth()/2, bodyPos.y + 1f);

// 渲染Stage（在render()末尾）
hudStage.draw();

关键注意点：

• Stage的视口必须用世界单位设置，不能用像素，否则会和物理世界比例失调。
• Label的字体大小要适配世界单位，比如用font.getData().setScale(0.2f)调整，确保在世界坐标系中显示尺寸合理。

内容的提问来源于stack exchange，提问作者Adixe