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.

Note: The SVG support is currently rather basic, i'd like to expand that in the future.

Compatibility

| Bevy version | bevy_svg version | Branch | |----------------|--------------------|-------------| | | | bevy-0.10 | | | | bevy-0.9 | | | | main |

Examples

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

Usage

Copy this to your Cargo.toml

```toml

Stable

bevy_svg = "0.10.0-alpha1"

2D and 3D are available on default, if you only want/need one, use the following

bevy_svg = { version = "0.10.0-alpha1", default-features = false, features = "2d" }

or

bevy_svg = { version = "0.10.0-alpha1", default-features = false, features = "3d" }

Living on the edge (at your own risk 😅)

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

Then use it like this.

2D

```rust use bevy_svg::prelude::*;

fn main() { App::new() .insertresource(Msaa::Sample4) .addplugins(DefaultPlugins.set(WindowPlugin { primarywindow: Some(Window { title: "SVG Plugin".tostring(), ..Default::default() }), ..Default::default() })) .addplugin(bevysvg::prelude::SvgPlugin) .addstartupsystem(setup) .run(); }

fn setup( mut commands: Commands, assetserver: Res, ) { let svg = assetserver.load("path/to/file.svg"); commands.spawn(Camera2dBundle::default()); commands.spawn(Svg2dBundle { svg, origin: Origin::Center, // Origin::TopLeft is the default ..Default::default() }); } ```

3D

```rust use bevy_svg::prelude::*;

fn main() { App::new() .insertresource(Msaa::Sample4) .addplugins(DefaultPlugins.set(WindowPlugin { primarywindow: Some(Window { title: "SVG Plugin".tostring(), ..Default::default() }), ..Default::default() })) .addplugin(bevysvg::prelude::SvgPlugin) .addstartupsystem(setup) .run(); }

fn setup( mut commands: Commands, assetserver: Res, ) { let svg = assetserver.load("path/to/file.svg"); commands.spawn(Camera3dBundle::default()); commands.spawn(Svg3dBundle { svg, origin: Origin::Center, // Origin::TopLeft is the default transform: Transform { translation: Vec3::new(0.0, 0.0, -600.0), // The scale you need depends a lot on your SVG and camera distance it // is currently rather unpredictable, so you need to try it out a bit scale: Vec3::new(1.0, 1.0, 1.0), rotation: Quat::fromrotationx(-std::f32::consts::PI / 5.0), }, ..Default::default() }); } ```

License

bevy_svg is licensed under either of the following, at your option:

• Apache License, Version 2.0, (LICENSE-APACHE or https://www.apache.org/licenses/LICENSE-2.0)
• MIT License (LICENSE-MIT or https://choosealicense.com/licenses/mit)