如何在 bevy 0.5.0 中使用多个摄像头?

How to use multiple cameras in bevy 0.5.0?

我有一个简单的 bevy 测试应用程序,它在左上角显示了一个立方体数组和一个 FPS 计数器。 3d场景可以缩放和旋转。

我最近尝试将以下代码升级到 bevy = 0.5.0

旧代码块(bevy = 0.4.0):

commands.spawn(LightBundle {
            transform: Transform::from_translation(Vec3::new(4.0, 8.0, 4.0)),
            ..Default::default()
        })
        .spawn(Camera3dBundle {
            transform: Transform::from_translation(Vec3::new(0.0, 0.0, 10 as f32 * 1.25))
                .looking_at(Vec3::default(), Vec3::unit_y()),
            ..Default::default()
        })
        .with(OrbitCamera::new(0.0, 0.0, 10 as f32 * 1.25, Vec3::zero()));

commands.spawn(CameraUiBundle::default())
    // texture
    .spawn(TextBundle {
        transform: Transform::from_translation(Vec3::new(0.0, 0.0, 0.0)),
        style: Style {
            align_self: AlignSelf::FlexEnd,
            ..Default::default()
        },
        text: Text {
            value: " FPS:".to_string(),
            font: asset_server.load("fonts/FiraSans-Bold.ttf"),
            style: TextStyle {
                font_size: 20.0,
                color: Color::WHITE,
                ..Default::default()
            },
        },
        ..Default::default()
    })
    .with(FpsText);

我在单独的相机中生成 TextBundle 的原因是我希望它是静止的并且不对任何相机变换做出反应。

我试图在 bevy = 0.5.0 中复制这种行为,如下所示:

commands.spawn_bundle(LightBundle {
    transform: Transform::from_translation(Vec3::new(4.0, 8.0, 4.0)),
    ..Default::default()
});

commands.spawn_bundle(PerspectiveCameraBundle {
    transform: Transform::from_translation(Vec3::new(0.0, 0.0, 10 as f32 * 1.25)).looking_at(Vec3::default(), Vec3::Y),
    ..Default::default()
})
.insert(OrbitCamera::new(0.0, 0.0, 10 as f32 * 1.25, Vec3::ZERO));

commands.spawn_bundle(UiCameraBundle::default())
.insert_bundle(Text2dBundle {
    text: Text::with_section(
        " FPS:",
        TextStyle {
            font: asset_server.load("fonts/FiraSans-Bold.ttf"),
            font_size: 20.0,
            color: Color::WHITE,
        },
        TextAlignment {
            vertical: VerticalAlign::Top,
            horizontal: HorizontalAlign::Left,
        },
    ),
    ..Default::default()
})
.insert(FpsText);

一切都再次按预期工作,除了 FPS 文本不再位于 window 的左上角,现在也像场景中的立方体一样旋转和缩放(我不想要发生)。

如何复制 bevy = 0.5.0 中的旧行为,以便将文本呈现为固定叠加层?

可以在 Github here (0.4.0) and here (0.5.0) 上找到两个版本的完整代码。

Text2dBundle 与常规相机关联。如果您想要与 UI 相机关联的文本,则需要改用 TextBundle。您还需要在 TextBundle 上设置 Style 组件,以控制其位置,使其在屏幕上可见。

您的 bevy 0.4 代码片段已成功使用 TextBundle,因此这只需要更忠实地移植。