DioxusLabs · nicoburns · Oct 6, 2025
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -9,6 +9,7 @@ members = [
   "crates/wgpu_context",
   "crates/pixels_window_renderer",
   "crates/softbuffer_window_renderer",
+  "crates/rough_anyrender",
   "examples/winit",
   "examples/bunnymark",
 ]

diff --git a/crates/rough_anyrender/Cargo.toml b/crates/rough_anyrender/Cargo.toml
@@ -0,0 +1,32 @@
+[package]
+name = "rough_anyrender"
+version = "0.1.0"
+edition = "2021"
+authors = ["orhanbalci@gmail.com <orhanbalci@gmail.com>"]
+description = "Draw Hand Sketched 2D Drawings Using Vello"
+repository = "https://github.com/orhanbalci/rough-rs.git"
+homepage = "https://github.com/orhanbalci"
+keywords = ["graphics", "bezier", "sketch", "2D", "vello"]
+categories = ["graphics"]
+license = "MIT"
+readme = "README.md"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+anyrender = { workspace = true }
+kurbo = { workspace = true }
+peniko = { workspace = true }
+roughr = { version = "0.12.0" }
+num-traits = "0.2"
+euclid = "0.22"
+palette = "0.7"
+
+[dev-dependencies]
+anyrender_vello = { workspace = true }
+rand = "0.8"
+rand_distr = "0.4"
+svg_path_ops = { version = "0.11.0" }
+bevy = "0.17"
+bevy_vello = "0.12"
+wgpu = "26"
diff --git a/crates/rough_anyrender/README.md b/crates/rough_anyrender/README.md
@@ -0,0 +1,88 @@
+# rough_anyrender
+
+[![Crates.io](https://img.shields.io/crates/v/rough_vello.svg)](https://crates.io/crates/rough_vello)
+[![Documentation](https://docs.rs/rough_vello/badge.svg)](https://docs.rs/rough_vello)
+[![License](https://img.shields.io/github/license/orhanbalci/rough-rs.svg)](https://github.com/orhanbalci/rough-rs/LICENSE)
+
+<!-- cargo-sync-readme start -->
+
+
+This crate is an adapter crate between [roughr](https://github.com/orhanbalci/rough-rs/main/roughr) and
+[anyrender](https://github.com/dioxuslabs/anyrender) crates. Converts from roughr drawing
+primitives to AnyRender's PaintScene types. Also has convenience traits for drawing onto AnyRender scenes. For more detailed
+information you can check roughr crate.
+
+Below examples are output of [rough_vello](https://github.com/orhanbalci/rough-rs/tree/main/rough_vello) adapter.
+
+## 📦 Cargo.toml
+
+```toml
+[dependencies]
+rough_anyrender = "0.1"
+```
+
+## 🔧 Example
+
+### Rust Logo
+
+```rust
+use rough_vello::VelloGenerator;
+use vello::Scene;
+use palette::Srgba;
+use roughr::core::{FillStyle, OptionsBuilder};
+
+let options = OptionsBuilder::default()
+    .stroke(Srgba::from_components((114u8, 87u8, 82u8, 255u8)).into_format())
+    .fill(Srgba::from_components((254u8, 246u8, 201u8, 255)).into_format())
+    .fill_style(FillStyle::Hachure)
+    .fill_weight(1.0)
+    .bowing(0.8)
+    .build()
+    .unwrap();
+
+let generator = VelloGenerator::new(options);
+let rust_logo_svg_path = "..."; // SVG path data for the Rust logo
+let rust_logo_drawing = generator.path::<f32>(rust_logo_svg_path);
+
+let mut scene = Scene::new();
+rust_logo_drawing.draw(&mut scene);
+```
+
+### 🖨️ Output Rust Logo
+![rust_logo](https://raw.githubusercontent.com/orhanbalci/rough-rs/main/rough_vello/assets/rust_logo.png)
+
+## Filler Implementation Status
+- [x] Hachure
+- [x] Zigzag
+- [x] Cross-Hatch
+- [x] Dots
+- [x] Dashed
+- [x] Zigzag-Line
+
+## 🔭 Examples
+
+For more examples have a look at the
+[examples](https://github.com/orhanbalci/rough-rs/tree/main/rough_vello/examples) folder.
+
+## 🔌 Integration
+
+### Bevy Integration
+
+For Bevy game engine integration, you can use [bevy_vello](https://github.com/linebender/bevy_vello) which provides a Bevy plugin for vello. This allows you to render `rough_vello` drawings directly in your Bevy applications by converting the vello Scene to Bevy-compatible rendering.
+
+```toml
+[dependencies]
+rough_vello = "0.1"
+bevy_vello = "0.1"  # Check latest version
+bevy = "0.14"       # Or latest compatible version
+```
+
+<!-- cargo-sync-readme end -->
+
+## 📝 License
+
+Licensed under MIT License ([LICENSE](LICENSE)).
+
+### 🚧 Contributions
+
+Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in this project by you, as defined in the MIT license, shall be licensed as above, without any additional terms or conditions.
diff --git a/crates/rough_anyrender/assets/rust_logo.png b/crates/rough_anyrender/assets/rust_logo.png
diff --git a/crates/rough_anyrender/examples/animate.rs b/crates/rough_anyrender/examples/animate.rs
@@ -0,0 +1,146 @@
+use anyrender_vello::VelloScenePainter;
+use bevy::prelude::*;
+use bevy_vello::{prelude::*, VelloPlugin};
+use palette::Srgba;
+use rough_anyrender::VelloGenerator;
+use roughr::core::{FillStyle, OptionsBuilder};
+
+#[derive(Component)]
+struct AnimatedLogo {
+    velocity: Vec2,
+    rotation_speed: f32,
+    scale_oscillation: f32,
+    scale_phase: f32,
+}
+
+fn main() {
+    App::new()
+        .add_plugins(DefaultPlugins)
+        .add_plugins(VelloPlugin::default())
+        .add_systems(Startup, setup_vector_graphics)
+        .add_systems(Update, animate_logo)
+        .run();
+}
+
+fn setup_vector_graphics(mut commands: Commands) {
+    // Set clear color for the background
+    commands.insert_resource(ClearColor(Color::srgb(
+        30.0 / 255.0,
+        30.0 / 255.0,
+        40.0 / 255.0,
+    )));
+
+    let rust_logo_svg_path: String  = "M 149.98 37.69 a 9.51 9.51 90 0 1 4.755 -8.236 c 2.9425 -1.6985 6.5675 -1.6985 9.51 0 A 9.51 9.51 90 0 1 169 37.69 c 0 5.252 -4.258 9.51 -9.51 9.51 s -9.51 -4.258 -9.51 -9.51 M 36.52 123.79 c 0 -5.252 4.2575 -9.51 9.51 -9.51 s 9.51 4.258 9.51 9.51 s -4.258 9.51 -9.51 9.51 s -9.51 -4.258 -9.51 -9.51 m 226.92 0.44 c 0 -5.252 4.258 -9.51 9.51 -9.51 s 9.51 4.258 9.51 9.51 s -4.2575 9.51 -9.51 9.51 s -9.51 -4.258 -9.51 -9.51 m -199.4 13.06 c 4.375 -1.954 6.3465 -7.0775 4.41 -11.46 l -4.22 -9.54 h 16.6 v 74.8 H 47.34 a 117.11 117.11 90 0 1 -3.79 -44.7 z m 69.42 1.84 v -22.05 h 39.52 c 2.04 0 14.4 2.36 14.4 11.6 c 0 7.68 -9.5 10.44 -17.3 10.44 z M 79.5 257.84 a 9.51 9.51 90 0 1 4.755 -8.236 c 2.9425 -1.6985 6.5675 -1.6985 9.51 0 a 9.51 9.51 90 0 1 4.755 8.236 c 0 5.252 -4.258 9.51 -9.51 9.51 s -9.51 -4.258 -9.51 -9.51 m 140.93 0.44 c 0 -5.252 4.2575 -9.51 9.51 -9.51 s 9.51 4.258 9.51 9.51 s -4.258 9.51 -9.51 9.51 s -9.51 -4.2575 -9.51 -9.51 m 2.94 -21.57 c -4.7 -1 -9.3 1.98 -10.3 6.67 l -4.77 22.28 c -31.0655 14.07 -66.7215 13.8985 -97.65 -0.47 l -4.77 -22.28 c -1 -4.7 -5.6 -7.68 -10.3 -6.67 l -19.67 4.22 c -3.655 -3.7645 -7.0525 -7.77 -10.17 -11.99 h 95.7 c 1.08 0 1.8 -0.2 1.8 -1.18 v -33.85 c 0 -1 -0.72 -1.18 -1.8 -1.18 h -28 V 170.8 h 30.27 c 2.76 0 14.77 0.8 18.62 16.14 l 5.65 25 c 1.8 5.5 9.13 16.53 16.93 16.53 h 49.4 c -3.3155 4.4345 -6.941 8.6285 -10.85 12.55 z m 53.14 -89.38 c 0.6725 6.7565 0.7565 13.559 0.25 20.33 h -12 c -1.2 0 -1.7 0.8 -1.7 1.97 v 5.52 c 0 13 -7.32 15.8 -13.74 16.53 c -6.1 0.7 -12.9 -2.56 -13.72 -6.3 c -3.6 -20.28 -9.6 -24.6 -19 -32.1 c 11.77 -7.48 24.02 -18.5 24.02 -33.27 c 0 -15.94 -10.93 -25.98 -18.38 -30.9 c -10.45 -6.9 -22.02 -8.27 -25.14 -8.27 H 72.75 a 117.1 117.1 90 0 1 65.51 -36.97 l 14.65 15.37 c 3.3 3.47 8.8 3.6 12.26 0.28 l 16.4 -15.67 c 33.8115 6.331 63.129 27.2085 80.17 57.09 l -11.22 25.34 c -1.9365 4.3825 0.035 9.506 4.41 11.46 z m 27.98 0.4 l -0.38 -3.92 l 11.56 -10.78 c 2.35 -2.2 1.47 -6.6 -1.53 -7.72 l -14.77 -5.52 l -1.16 -3.8 l 9.2 -12.8 c 1.88 -2.6 0.15 -6.75 -3 -7.27 l -15.58 -2.53 l -1.87 -3.5 l 6.55 -14.37 c 1.34 -2.93 -1.15 -6.67 -4.37 -6.55 l -15.8 0.55 l -2.5 -3.03 l 3.63 -15.4 c 0.73 -3.13 -2.44 -6.3 -5.57 -5.57 l -15.4 3.63 l -3.04 -2.5 l 0.55 -15.8 c 0.12 -3.2 -3.62 -5.7 -6.54 -4.37 l -14.36 6.55 l -3.5 -1.88 l -2.54 -15.58 c -0.5 -3.16 -4.67 -4.88 -7.27 -3 l -12.8 9.2 l -3.8 -1.15 l -5.52 -14.77 c -1.12 -3 -5.53 -3.88 -7.72 -1.54 l -10.78 11.56 l -3.92 -0.38 l -8.32 -13.45 c -1.68 -2.72 -6.2 -2.72 -7.87 0 l -8.32 13.45 l -3.92 0.38 l -10.8 -11.58 c -2.2 -2.34 -6.6 -1.47 -7.72 1.54 L 119.79 20.6 l -3.8 1.15 l -12.8 -9.2 c -2.6 -1.88 -6.76 -0.15 -7.27 3 l -2.54 15.58 l -3.5 1.88 l -14.36 -6.55 c -2.92 -1.33 -6.67 1.17 -6.54 4.37 l 0.55 15.8 l -3.04 2.5 l -15.4 -3.63 c -3.13 -0.73 -6.3 2.44 -5.57 5.57 l 3.63 15.4 l -2.5 3.03 l -15.8 -0.55 c -3.2 -0.1 -5.7 3.62 -4.37 6.55 l 6.55 14.37 l -1.88 3.5 l -15.58 2.53 c -3.16 0.5 -4.88 4.67 -3 7.27 l 9.2 12.8 l -1.16 3.8 l -14.77 5.52 c -3 1.12 -3.88 5.53 -1.53 7.72 l 11.56 10.78 l -0.38 3.92 l -13.45 8.32 c -2.72 1.68 -2.72 6.2 0 7.87 l 13.45 8.32 l 0.38 3.92 l -11.59 10.82 c -2.34 2.2 -1.47 6.6 1.53 7.72 l 14.77 5.52 l 1.16 3.8 l -9.2 12.8 c -1.87 2.6 -0.15 6.76 3 7.27 l 15.57 2.53 l 1.88 3.5 l -6.55 14.36 c -1.33 2.92 1.18 6.67 4.37 6.55 l 15.8 -0.55 l 2.5 3.04 l -3.63 15.4 c -0.73 3.12 2.44 6.3 5.57 5.56 l 15.4 -3.63 l 3.04 2.5 l -0.55 15.8 c -0.12 3.2 3.62 5.7 6.54 4.37 l 14.36 -6.55 l 3.5 1.88 l 2.54 15.57 c 0.5 3.17 4.67 4.88 7.27 3.02 l 12.8 -9.22 l 3.8 1.16 l 5.52 14.77 c 1.12 3 5.53 3.88 7.72 1.53 l 10.78 -11.56 l 3.92 0.4 l 8.32 13.45 c 1.68 2.7 6.18 2.72 7.87 0 l 8.32 -13.45 l 3.92 -0.4 l 10.78 11.56 c 2.2 2.35 6.6 1.47 7.72 -1.53 l 5.52 -14.77 l 3.8 -1.16 l 12.8 9.22 c 2.6 1.87 6.76 0.15 7.27 -3.02 l 2.54 -15.57 l 3.5 -1.88 l 14.36 6.55 c 2.92 1.33 6.66 -1.16 6.54 -4.37 l -0.55 -15.8 l 3.03 -2.5 l 15.4 3.63 c 3.13 0.73 6.3 -2.44 5.57 -5.56 l -3.63 -15.4 l 2.5 -3.04 l 15.8 0.55 c 3.2 0.13 5.7 -3.63 4.37 -6.55 l -6.55 -14.36 l 1.87 -3.5 l 15.58 -2.53 c 3.17 -0.5 4.9 -4.66 3 -7.27 l -9.2 -12.8 l 1.16 -3.8 l 14.77 -5.52 c 3 -1.13 3.88 -5.53 1.53 -7.72 l -11.56 -10.78 l 0.38 -3.92 l 13.45 -8.32 c 2.72 -1.68 2.73 -6.18 0 -7.87 z".into();
+
+    commands.spawn((Camera2d, VelloView));
+
+    // Create 10 different logo instances with varying options and movement patterns
+    for i in 0..10 {
+        let angle = (i as f32) * std::f32::consts::TAU / 10.0; // Distribute in circle
+        let radius = 200.0;
+        let x = angle.cos() * radius;
+        let y = angle.sin() * radius;
+
+        // Generate different visual styles for each logo
+        let hue = (i as f32) * 36.0; // Different hue for each logo (0-360 degrees)
+        let stroke_color = Srgba::from_components((
+            ((hue.to_radians().cos() * 127.0 + 128.0) as u8),
+            (((hue + 120.0).to_radians().cos() * 127.0 + 128.0) as u8),
+            (((hue + 240.0).to_radians().cos() * 127.0 + 128.0) as u8),
+            255u8,
+        ))
+        .into_format();
+
+        let fill_color = Srgba::from_components((
+            ((hue.to_radians().sin() * 100.0 + 155.0) as u8),
+            (((hue + 120.0).to_radians().sin() * 100.0 + 155.0) as u8),
+            (((hue + 240.0).to_radians().sin() * 100.0 + 155.0) as u8),
+            180u8,
+        ))
+        .into_format();
+
+        let fill_styles = [
+            FillStyle::Hachure,
+            FillStyle::Solid,
+            FillStyle::ZigZag,
+            FillStyle::CrossHatch,
+            FillStyle::Dots,
+        ];
+
+        let options = OptionsBuilder::default()
+            .stroke(stroke_color)
+            .fill(fill_color)
+            .fill_style(fill_styles[i % fill_styles.len()])
+            .fill_weight(0.5 + (i as f32) * 0.3)
+            .bowing(0.2 + (i as f32) * 0.1)
+            .roughness(0.5 + (i as f32) * 0.2)
+            .stroke_width(1.0 + (i as f32) * 0.5)
+            .build()
+            .unwrap();
+
+        let generator = VelloGenerator::new(options);
+        let rust_logo_drawing = generator.path::<f32>(rust_logo_svg_path.clone());
+        let mut scene = vello::Scene::new();
+        rust_logo_drawing.draw(&mut VelloScenePainter::new(&mut scene));
+
+        // Create different movement patterns for each logo
+        let velocity = match i % 5 {
+            0 => Vec2::new(50.0 + i as f32 * 10.0, 30.0 + i as f32 * 5.0), // Linear movement
+            1 => Vec2::new(-40.0 - i as f32 * 8.0, 60.0 + i as f32 * 7.0), // Different linear
+            2 => Vec2::new(80.0 + i as f32 * 12.0, -50.0 - i as f32 * 6.0), // Another linear
+            3 => Vec2::new(-70.0 - i as f32 * 9.0, -40.0 - i as f32 * 4.0), // Diagonal
+            _ => Vec2::new(45.0 + i as f32 * 11.0, 70.0 + i as f32 * 8.0), // Default
+        };
+
+        let scale = 0.3 + (i as f32) * 0.07; // Different scales from 0.3 to 0.93
+
+        commands.spawn((
+            VelloSceneBundle {
+                scene: VelloScene::from(scene),
+                transform: Transform::from_translation(Vec3::new(x, y, 0.0))
+                    .with_scale(Vec3::splat(scale)),
+                ..default()
+            },
+            AnimatedLogo {
+                velocity,
+                rotation_speed: (i as f32 + 1.0) * 0.3, // Different rotation speeds
+                scale_oscillation: 0.1 + (i as f32) * 0.02, // Different scale oscillation
+                scale_phase: (i as f32) * std::f32::consts::PI / 5.0, // Different phases
+            },
+        ));
+    }
+}
+
+fn animate_logo(time: Res<Time>, mut query: Query<(&mut Transform, &mut AnimatedLogo)>) {
+    let dt = time.delta_secs();
+
+    for (mut transform, logo) in query.iter_mut() {
+        // Update position based on velocity
+        transform.translation.x += logo.velocity.x * dt;
+        transform.translation.y += logo.velocity.y * dt;
+
+        // Apply rotation
+        transform.rotation *= Quat::from_rotation_z(logo.rotation_speed * dt);
+
+        // Apply scale oscillation
+        let scale_factor =
+            1.0 + logo.scale_oscillation * (time.elapsed_secs() + logo.scale_phase).sin();
+        let base_scale =
+            0.3 + (transform.translation.x.abs() + transform.translation.y.abs()) * 0.0001; // Vary base scale slightly
+        transform.scale = Vec3::splat(scale_factor * base_scale);
+
+        // Simple screen wrapping (optional boundary handling)
+        if transform.translation.x > 800.0 {
+            transform.translation.x = -800.0;
+        }
+        if transform.translation.x < -800.0 {
+            transform.translation.x = 800.0;
+        }
+        if transform.translation.y > 600.0 {
+            transform.translation.y = -600.0;
+        }
+        if transform.translation.y < -600.0 {
+            transform.translation.y = 600.0;
+        }
+    }
+}
diff --git a/crates/rough_anyrender/examples/rectangle.rs b/crates/rough_anyrender/examples/rectangle.rs
@@ -0,0 +1,67 @@
+use std::ops::DerefMut;
+
+use bevy::prelude::*;
+use bevy_vello::{prelude::*, VelloPlugin};
+use palette::Srgba;
+use rough_vello::VelloGenerator;
+use roughr::core::{FillStyle, OptionsBuilder};
+
+const CANVAS_WIDTH: u32 = 800;
+const CANVAS_HEIGHT: u32 = 600;
+
+fn main() {
+    App::new()
+        .add_plugins(DefaultPlugins)
+        .add_plugins(VelloPlugin::default())
+        .add_systems(Startup, setup_vector_graphics)
+        .run();
+}
+
+fn setup_vector_graphics(mut commands: Commands) {
+    // Set clear color for the background
+    commands.insert_resource(ClearColor(Color::srgb(
+        150.0 / 255.0,
+        192.0 / 255.0,
+        183.0 / 255.0,
+    )));
+
+    // Create rough rectangle using Vello
+    let options = OptionsBuilder::default()
+        .stroke(Srgba::from_components((114u8, 87u8, 82u8, 255u8)).into_format())
+        .fill(Srgba::from_components((254u8, 246u8, 201u8, 255)).into_format())
+        .fill_style(FillStyle::ZigZagLine)
+        .fill_weight(96.0 * 0.01)
+        .bowing(0.8)
+        .build()
+        .unwrap();
+
+    let generator = VelloGenerator::new(options);
+    let rect_width = 300.0;
+    let rect_height = 200.0;
+    // Position rectangle at the center of the canvas
+    // For centering: (canvas_size - rect_size) / 2
+    let rect = generator.rectangle::<f32>(
+        (CANVAS_WIDTH as f32 - rect_width) / 2.0,
+        (CANVAS_HEIGHT as f32 - rect_height) / 2.0,
+        rect_width,
+        rect_height,
+    );
+
+    // Create Vello scene and add the rough rectangle
+    let mut scene = vello::Scene::new();
+
+    // Draw the rough rectangle to the scene
+    rect.draw(&mut scene);
+
+    commands.spawn((Camera2d, VelloView));
+    commands.spawn(VelloSceneBundle {
+        scene: VelloScene::from(scene),
+
+        transform: Transform::from_translation(Vec3::new(
+            -(CANVAS_WIDTH as f32) / 2.0,
+            (CANVAS_HEIGHT as f32) / 2.0,
+            0.0,
+        )),
+        ..default()
+    });
+}