bevy_svg

For one of my personal projects i needed a way to load and display some simple SVG files/shapes in [Bevy], so i took inspiration from [bevy_prototype_lyon] and modified and extended it to...well...load and display simple SVG files. SVGs can be used/displayed in 2D as well as in 3D.

Files are loaded through [AssetLoader], then parsed and simplified with [usvg] and then tessellated with [Lyon] into a vertex buffer, which lastly is convert into a [Bevy] mesh and drawn with custom [shaders].

Compatibility

| Bevy version | bevy_svg version | Branch | |--------------|---------------|-------------| | | | bevy-0.5 | | | | main |

Examples

| Complex shapes | Multiple colors | Fonts | |----------------------|-----------------|------------| | ![complexonecolor] | ![two_colors] | ![twinkle] |

Usage

This crate is not yet on crates.io because it uses Bevy master. But i am planning to publish it as soon as Bevy 0.5 is released. Until then, you need to copy this to your Cargo.toml

```toml

Stable

bevy_svg = "0.3"

Living on the edge (at your own risk 😅)

bevysvg = { git = "https://github.com/Weasy666/bevysvg", branch = "main" } ```

Then use it like this.

2D

```rust fn main() { App::new() .insertresource(Msaa { samples: 4 }) .insertresource(WindowDescriptor { title: "SVG Plugin".tostring(), ..Default::default() }) .addplugins(DefaultPlugins) .addplugin(bevysvg::prelude::SvgPlugin) .addstartupsystem(setup.system()); .run(); }

fn setup( mut commands: Commands, assetserver: Res, ) { let svg = assetserver.load("path/to/file.svg"); commands.spawnbundle(OrthographicCameraBundle::new2d()); commands.spawn_bundle(SvgBundle { svg, origin: Origin::Center, ..Default::default() }); } ```

3D

```rust fn main() { App::new() .insertresource(Msaa { samples: 4 }) .insertresource(WindowDescriptor { title: "SVG Plugin".tostring(), ..Default::default() }) .addplugins(DefaultPlugins) .addplugin(bevysvg::prelude::SvgPlugin) .addstartupsystem(setup.system()); .run(); }

fn setup( mut commands: Commands, assetserver: Res, ) { let svg = assetserver.load("path/to/file.svg"); commands.spawnbundle(PerspectiveCameraBundle::new3d()); commands.spawnbundle(SvgBundle { svg, origin: Origin::Center, transform: Transform { translation: Vec3::new(0.0, 0.0, 1.5), scale: Vec3::new(0.05, 0.05, 1.0), // The scale depends a lot on your SVG and camera distance rotation: Quat::fromrotation_x(-std::f32::consts::PI / 5.0), }, ..Default::default() }); } ```