bevy_ui_anchor

KO | EN

gitlite — search

#cli #python #react #api #llm #ai #go #hacktoberfest #machine-learning #docker #automation #macos

★ 51 Open GitHub ↗

Microlibrary for adding anchoring to UI

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# bevy_ui_anchor

[![crates.io](https://img.shields.io/crates/v/bevy_ui_anchor)](https://crates.io/crates/bevy_ui_anchor)
[![docs.rs](https://docs.rs/bevy_ui_anchor/badge.svg)](https://docs.rs/bevy_ui_anchor)
[![License](https://img.shields.io/crates/l/bevy_ui_anchor)](https://opensource.org/licenses/MIT)

A Rust crate for anchoring UI elements to specific points or entities in the world using the Bevy game engine.

![](https://raw.githubusercontent.com/TotalKrill/bevy_ui_anchor/main/follow.gif)

## Features

Provides an AnchorUiNode component that:

- Anchor UI nodes to world positions or entities.
- Supports horizontal and vertical anchoring.
- Compatible with Bevy's ECS architecture.

| Bevy version | Crate version            |
| ------------ | ------------------------ |
| 0.19         | 0.12                     |
| 0.18         | 0.11                     |
| 0.17         | 0.10                     |
| 0.16         | 0.6 - 0.9                |
| 0.15         | 0.3 - 0.5                |
| 0.14         | 0.1 - 0.2                |

## Example

``` rust
//! Demonstrates how to work with Cubic curves.
use bevy::{
    color::palettes::css::{ORANGE, SILVER, WHITE},
    prelude::*,
};

use bevy_ui_anchor::{AnchorPoint, AnchorUiConfig, AnchorUiPlugin, AnchoredUiNodes};

#[derive(Component)]
/// We need a marker for the camera, so the plugin knows which camera to perform position
/// calculations towards
pub struct UiCameraMarker;

fn main() {
    App::new()
        .add_plugins(DefaultPlugins)
        // We need to define, which camera the anchorplugin will be anchored to
        .add_plugins(AnchorUiPlugin::<UiCameraMarker>::new())
        .add_systems(Startup, setup)
        .run();
}

fn setup(
    mut commands: Commands,
    mut meshes: ResMut<Assets<Mesh>>,
    mut materials: ResMut<Assets<StandardMaterial>>,
) {
    // The camera
    commands.spawn((
        // mark it
        UiCameraMarker,
        IsDefaultUiCamera,
        Camera3d::default(),
        Transform::from_xyz(0., 6., 12.).looking_at(Vec3::new(0., 3., 0.), Vec3::Y),
        DirectionalLight::default(),
    ));

// Spawning a cube with anchored UI, using bevy relations
    commands.spawn((
        Mesh3d(meshes.add(Cuboid::new(0.3, 0.3, 0.3))),
        MeshMaterial3d(materials.add(Color::from(ORANGE))),
        Transform::from_translation([0.0, 0.5, 0.0].into()),
        // Define the anchor relationship
        AnchoredUiNodes::spawn_one((
            AnchorUiConfig {
                anchorpoint: AnchorPoint::bottomleft(),
                offset: Some(Vec3::new(0.0, 0.5, 0.0)),
                ..Default::default()
            },
            Node {
                border: UiRect::all(Val::Px(2.)),
                border_radius: BorderRadius::all(px(3)),
                ..Default::default()
            },
            BorderColor::all(WHITE),
            Outline::default(),
            Children::spawn_one(
                // text
                Text("Text Anchored in bottom left".into()),
            ),
        )),
    ));

// ground plane
    commands.spawn((
        Mesh3d(meshes.add(Plane3d::default().mesh().size(50., 50.))),
        MeshMaterial3d(materials.add(Color::from(SILVER))),
    ));
}
```

bevy_ui_anchor

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README