diff --git a/assets/generic-rpg-vendor.png b/assets/generic-rpg-vendor.png new file mode 100644 index 0000000000000000000000000000000000000000..895334653809e574e22f14202eeff82abdcbeb79 Binary files /dev/null and b/assets/generic-rpg-vendor.png differ diff --git a/bevy_kayak_ui/src/render/unified/shader.wgsl b/bevy_kayak_ui/src/render/unified/shader.wgsl index 5c23b8d75623299d609e14d7f5e180f696f9c47b..eb9607ee4d73b8f1443bb97e8fe5f8031f323f38 100644 --- a/bevy_kayak_ui/src/render/unified/shader.wgsl +++ b/bevy_kayak_ui/src/render/unified/shader.wgsl @@ -99,7 +99,7 @@ fn fragment(in: VertexOutput) -> [[location(0)]] vec4<f32> { return vec4<f32>(in.color.rgb, a); } if (quad_type.t == 2) { - var color = textureSample(image_texture, image_sampler, vec2<f32>(in.uv.x, in.uv.y)); + var color = textureSample(image_texture, image_sampler, vec2<f32>(in.uv.x, 1.0 - in.uv.y)); return vec4<f32>(color.rgb * in.color.rgb, color.a * in.color.a); } return in.color; diff --git a/examples/image.rs b/examples/image.rs index 76725505702daeac526b412ee5a286c8ca35f3b7..e43484da180f1f00d0c5b274a5a05b8d6324e47d 100644 --- a/examples/image.rs +++ b/examples/image.rs @@ -5,7 +5,11 @@ use bevy::{ DefaultPlugins, }; use kayak_ui::bevy::{BevyContext, BevyKayakUIPlugin, ImageManager, UICameraBundle}; -use kayak_ui::core::{render, Index}; +use kayak_ui::core::{ + render, + styles::{Style, StyleProp, Units}, + Index, +}; use kayak_widgets::{App, Image}; fn startup( @@ -22,13 +26,19 @@ fn startup( panic!("Couldn't find primary window!"); }; - let handle: Handle<bevy::render::texture::Image> = asset_server.load("panel.png"); + let handle: Handle<bevy::render::texture::Image> = asset_server.load("generic-rpg-vendor.png"); let ui_image_handle = image_manager.get(&handle); let context = BevyContext::new(window_size.x, window_size.y, |styles, context| { + let image_styles = Style { + width: StyleProp::Value(Units::Pixels(200.0)), + height: StyleProp::Value(Units::Pixels(182.0)), + ..Style::default() + }; + render! { <App styles={Some(styles.clone())}> - <Image handle={ui_image_handle} /> + <Image styles={Some(image_styles)} handle={ui_image_handle} /> </App> } });