refactor: remove DebugVisualizations (#123)

To be merged AFTER #121 .

This PR would close #122 and #41 .

<img width="1294" alt="image"
src="https://github.com/user-attachments/assets/a79ea53e-7a72-475d-85c0-a526688d81b6"
/>

Author: simbleau

CHANGELOG.md

@@ -36,6 +36,7 @@ This release supports Bevy version 0.14 and has an [MSRV][] of 1.80.
 
 ### Removed
 
+- Removed `DebugVisualizations`. Now you should use `BorderColor` for UI Nodes and `Gizmos` for world assets. Several examples show this capability, such as the `svg` and `svg_ui` examples.
 - Removed `CoordinateSpace`. If you wish to render scene or asset UI, insert a `Node` component. For more information, see the `scene_ui`, `svg_ui`, or `lottie_ui` examples.
 - `VelloText` (with `CoordinateSpace::ScreenSpace`) can no longer render text in screen space. You should be using bevy's native `Text` for UI text, which is more feature rich and widely used.
 

Cargo.toml

@@ -34,7 +34,6 @@ bevy = { version = "0.15.2", default-features = false, features = [
   "multi_threaded",
   "x11",
   "tonemapping_luts",
-  "bevy_gizmos",
 ] }
 
 [package]

examples/lottie/Cargo.toml

@@ -9,4 +9,4 @@ publish = false
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 [dependencies]
 bevy_vello = { path = "../../", features = ["lottie"] }
-bevy = { workspace = true }
+bevy = { workspace = true, features = ["bevy_gizmos"] }

examples/lottie/src/main.rs

@@ -11,7 +11,8 @@ fn main() {
         ..default()
     }))
     .add_plugins(VelloPlugin::default())
-    .add_systems(Startup, load_lottie);
+    .add_systems(Startup, load_lottie)
+    .add_systems(Update, gizmos);
     embedded_asset!(app, "assets/Tiger.json");
     app.run();
 }
@@ -26,3 +27,23 @@ fn load_lottie(mut commands: Commands, asset_server: ResMut<AssetServer>) {
         ))
         .insert(Transform::from_scale(Vec3::splat(0.5)));
 }
+
+fn gizmos(
+    svg: Single<(&VelloLottieHandle, &GlobalTransform)>,
+    assets: Res<Assets<VelloLottie>>,
+    mut gizmos: Gizmos,
+) {
+    let (lottie, gtransform) = *svg;
+    let Some(lottie) = assets.get(lottie.id()) else {
+        return;
+    };
+
+    gizmos.rect_2d(
+        Isometry2d::new(
+            gtransform.translation().xy(),
+            Rot2::radians(gtransform.rotation().to_scaled_axis().z),
+        ),
+        Vec2::new(lottie.width, lottie.height) * gtransform.scale().xy(),
+        Color::WHITE,
+    );
+}

examples/lottie_player/src/main.rs

@@ -33,7 +33,6 @@ fn setup_vector_graphics(mut commands: Commands, asset_server: ResMut<AssetServe
             ),
             transform: Transform::from_translation(Vec3::new(0.0, 0.0, 0.0))
                 .with_scale(Vec3::splat(20.0)),
-            debug_visualizations: DebugVisualizations::Visible,
             ..default()
         })
         .insert(

examples/svg/Cargo.toml

@@ -9,4 +9,4 @@ publish = false
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 [dependencies]
 bevy_vello = { path = "../../", features = ["svg"] }
-bevy = { workspace = true }
+bevy = { workspace = true, features = ["bevy_gizmos"] }

examples/svg/src/main.rs

@@ -11,7 +11,8 @@ fn main() {
         ..default()
     }))
     .add_plugins(VelloPlugin::default())
-    .add_systems(Startup, load_svg);
+    .add_systems(Startup, load_svg)
+    .add_systems(Update, (rotate, gizmos));
     embedded_asset!(app, "assets/fountain.svg");
     app.run();
 }
@@ -26,3 +27,27 @@ fn load_svg(mut commands: Commands, asset_server: ResMut<AssetServer>) {
         ))
         .insert(Transform::from_scale(Vec3::splat(5.0)));
 }
+
+fn rotate(mut svg: Single<&mut Transform, With<VelloSvgHandle>>, time: Res<Time>) {
+    svg.rotate_z(-0.5 * time.delta_secs());
+}
+
+fn gizmos(
+    svg: Single<(&VelloSvgHandle, &GlobalTransform)>,
+    assets: Res<Assets<VelloSvg>>,
+    mut gizmos: Gizmos,
+) {
+    let (svg, gtransform) = *svg;
+    let Some(svg) = assets.get(svg.id()) else {
+        return;
+    };
+
+    gizmos.rect_2d(
+        Isometry2d::new(
+            gtransform.translation().xy(),
+            Rot2::radians(gtransform.rotation().to_scaled_axis().z),
+        ),
+        Vec2::new(svg.width, svg.height) * gtransform.scale().xy(),
+        Color::WHITE,
+    );
+}

examples/text/Cargo.toml

@@ -9,4 +9,4 @@ publish = false
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 [dependencies]
 bevy_vello = { path = "../../", features = ["default_font"] }
-bevy = { workspace = true, features = ["default_font"] }
+bevy = { workspace = true, features = ["default_font", "bevy_gizmos"] }

examples/text/src/main.rs

@@ -1,3 +1,5 @@
+use std::f32::consts::PI;
+
 use bevy::{
     asset::{embedded_asset, AssetMetaCheck},
     prelude::*,
@@ -14,7 +16,8 @@ fn main() {
     .add_systems(
         Startup,
         (setup_camera, setup_screenspace_text, setup_worldspace_text),
-    );
+    )
+    .add_systems(Update, gizmos);
     embedded_asset!(app, "assets/Rubik-Medium.ttf");
     app.run();
 }
@@ -29,7 +32,6 @@ fn setup_worldspace_text(mut commands: Commands, asset_server: ResMut<AssetServe
             value: "Default font\nand multi-line support.".to_string(),
             ..default()
         })
-        .insert(DebugVisualizations::Visible)
         .insert(VelloTextAnchor::Center);
 
     commands.spawn(VelloTextBundle {
@@ -42,25 +44,51 @@ fn setup_worldspace_text(mut commands: Commands, asset_server: ResMut<AssetServe
             },
         },
         text_anchor: VelloTextAnchor::Center,
-        transform: Transform::from_xyz(0.0, -100.0, 0.0),
-        debug_visualizations: DebugVisualizations::Visible,
+        transform: Transform::from_xyz(0.0, -100.0, 0.0)
+            .with_rotation(Quat::from_rotation_z(PI / 12.0)),
         ..default()
     });
 }
 
 fn setup_screenspace_text(mut commands: Commands) {
     // Bevy text
     commands
-        .spawn(Node {
-            position_type: PositionType::Absolute,
-            top: Val::Px(100.0),
-            left: Val::Px(100.0),
-            ..default()
-        })
+        .spawn((
+            Node {
+                position_type: PositionType::Absolute,
+                top: Val::Px(100.0),
+                left: Val::Px(100.0),
+                ..default()
+            },
+            BackgroundColor(Color::srgb(0.25, 0.25, 0.25)),
+        ))
         .insert(Text::new("Use bevy's Text for UI text!"))
         .insert(TextFont {
             font_size: 24.,
             ..default()
         })
         .insert(TextLayout::new_with_justify(JustifyText::Left));
 }
+
+fn gizmos(
+    texts: Query<(&VelloTextSection, &GlobalTransform)>,
+    assets: Res<Assets<VelloFont>>,
+    mut gizmos: Gizmos,
+) {
+    for (text, gtransform) in texts.iter() {
+        let Some(font) = assets.get(text.style.font.id()) else {
+            continue;
+        };
+
+        let bb_size = font.sizeof(text);
+
+        gizmos.rect_2d(
+            Isometry2d::new(
+                gtransform.translation().xy(),
+                Rot2::radians(gtransform.rotation().to_scaled_axis().z),
+            ),
+            bb_size * gtransform.scale().xy(),
+            Color::WHITE,
+        );
+    }
+}