2024-02-05 09:30:04 -05:00
|
|
|
//! This crate is for using [`glyphon`] to render advanced shaped text to the screen in an [`egui`] application
|
|
|
|
//! Please see the example for a primer on how to use this crate
|
|
|
|
use std::ops::{Deref, DerefMut};
|
|
|
|
use std::sync::Arc;
|
|
|
|
|
|
|
|
use egui::mutex::{Mutex, RwLock};
|
|
|
|
use egui::{Pos2, Rect, Vec2};
|
|
|
|
use egui_wgpu::wgpu;
|
2024-02-05 11:19:45 -05:00
|
|
|
use egui_wgpu::ScreenDescriptor;
|
2024-02-05 09:30:04 -05:00
|
|
|
use glyphon::{
|
|
|
|
Buffer, Color, ColorMode, FontSystem, PrepareError, RenderError, Resolution, SwashCache,
|
|
|
|
TextArea, TextAtlas, TextBounds, TextRenderer,
|
|
|
|
};
|
|
|
|
|
|
|
|
pub use glyphon;
|
|
|
|
|
|
|
|
/// A text buffer with some accosiated data used to construect a [`glyphon::TextArea`]
|
|
|
|
pub struct BufferWithTextArea<T: AsRef<Buffer> + Send + Sync> {
|
|
|
|
pub buffer: Arc<RwLock<T>>,
|
|
|
|
pub rect: Rect,
|
|
|
|
pub scale: f32,
|
|
|
|
pub opacity: f32,
|
|
|
|
pub default_color: Color,
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Use this function to find out the dimensions of a buffer, translate the resulting rect and use it in [`BufferWithTextArea::new`]
|
|
|
|
pub fn measure_buffer(buffer: &Buffer) -> Rect {
|
|
|
|
let mut rtl = false;
|
|
|
|
let (width, total_lines) =
|
|
|
|
buffer
|
|
|
|
.layout_runs()
|
|
|
|
.fold((0.0, 0usize), |(width, total_lines), run| {
|
|
|
|
if run.rtl {
|
|
|
|
rtl = true;
|
|
|
|
}
|
|
|
|
(run.line_w.max(width), total_lines + 1)
|
|
|
|
});
|
|
|
|
|
|
|
|
let (max_width, max_height) = buffer.size();
|
|
|
|
|
|
|
|
Rect::from_min_size(
|
|
|
|
Pos2::ZERO,
|
|
|
|
Vec2::new(
|
|
|
|
if rtl { max_width } else { width.min(max_width) },
|
|
|
|
(total_lines as f32 * buffer.metrics().line_height).min(max_height),
|
|
|
|
),
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
impl<T: AsRef<Buffer> + Send + Sync + 'static> BufferWithTextArea<T> {
|
|
|
|
pub fn new(
|
|
|
|
buffer: Arc<RwLock<T>>,
|
|
|
|
rect: Rect,
|
|
|
|
opacity: f32,
|
|
|
|
default_color: Color,
|
|
|
|
ctx: &egui::Context,
|
|
|
|
) -> Self {
|
|
|
|
let ppi = ctx.pixels_per_point();
|
|
|
|
let rect = rect * ppi;
|
|
|
|
BufferWithTextArea {
|
|
|
|
buffer,
|
|
|
|
rect,
|
|
|
|
scale: ppi,
|
|
|
|
opacity,
|
|
|
|
default_color,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/// A type which must be inserted into the [`egui_wgpu::RenderState`] before any text rendering can happen. Do this with [`GlyphonRenderer::insert`]
|
|
|
|
pub struct GlyphonRenderer {
|
|
|
|
font_system: Arc<Mutex<FontSystem>>,
|
|
|
|
cache: SwashCache,
|
|
|
|
atlas: TextAtlas,
|
|
|
|
text_renderer: TextRenderer,
|
|
|
|
}
|
|
|
|
|
|
|
|
impl GlyphonRenderer {
|
|
|
|
/// Insert an instance of itself into the [`egui_wgpu::RenderState`]
|
|
|
|
pub fn insert<'a>(
|
|
|
|
wgpu_render_state: &'a egui_wgpu::RenderState,
|
|
|
|
font_system: Arc<Mutex<FontSystem>>,
|
|
|
|
) {
|
|
|
|
let device = &wgpu_render_state.device;
|
|
|
|
let queue = &wgpu_render_state.queue;
|
|
|
|
|
|
|
|
let cache = SwashCache::new();
|
|
|
|
let mut atlas = TextAtlas::with_color_mode(
|
|
|
|
device,
|
|
|
|
queue,
|
|
|
|
wgpu_render_state.target_format,
|
|
|
|
ColorMode::Egui,
|
|
|
|
);
|
|
|
|
let text_renderer =
|
|
|
|
TextRenderer::new(&mut atlas, device, wgpu::MultisampleState::default(), None);
|
|
|
|
|
|
|
|
wgpu_render_state
|
|
|
|
.renderer
|
|
|
|
.write()
|
|
|
|
.callback_resources
|
|
|
|
.insert(Self {
|
|
|
|
font_system: Arc::clone(&font_system),
|
|
|
|
cache,
|
|
|
|
atlas,
|
|
|
|
text_renderer,
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
fn prepare<A: AsRef<Buffer>, T: Deref<Target = A>>(
|
|
|
|
&mut self,
|
|
|
|
device: &wgpu::Device,
|
|
|
|
queue: &wgpu::Queue,
|
|
|
|
screen_resolution: Resolution,
|
|
|
|
text_areas: impl IntoIterator<Item = TextArea<A, T>>,
|
|
|
|
) -> Result<(), PrepareError> {
|
|
|
|
self.text_renderer.prepare(
|
|
|
|
device,
|
|
|
|
queue,
|
|
|
|
self.font_system.lock().deref_mut(),
|
|
|
|
&mut self.atlas,
|
|
|
|
screen_resolution,
|
|
|
|
text_areas,
|
|
|
|
&mut self.cache,
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
fn render<'pass>(&'pass self, pass: &mut wgpu::RenderPass<'pass>) -> Result<(), RenderError> {
|
|
|
|
self.text_renderer.render(&self.atlas, pass)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/// A callback which can be put into an [`egui_wgpu::renderer::Callback`].
|
|
|
|
// And wrapped with an [`egui::PaintCallback`]. Only add one callback per individual
|
|
|
|
// deffered viewport.
|
|
|
|
pub struct GlyphonRendererCallback<T: AsRef<Buffer> + Send + Sync> {
|
|
|
|
/// These buffers will be rendered to the screen all at the same time on the same layer.
|
|
|
|
pub buffers: Vec<BufferWithTextArea<T>>,
|
|
|
|
}
|
|
|
|
|
|
|
|
impl<T: AsRef<Buffer> + Send + Sync> egui_wgpu::CallbackTrait for GlyphonRendererCallback<T> {
|
|
|
|
fn prepare(
|
|
|
|
&self,
|
|
|
|
device: &wgpu::Device,
|
|
|
|
queue: &wgpu::Queue,
|
|
|
|
screen_descriptor: &ScreenDescriptor,
|
|
|
|
_egui_encoder: &mut wgpu::CommandEncoder,
|
|
|
|
resources: &mut egui_wgpu::CallbackResources,
|
|
|
|
) -> Vec<wgpu::CommandBuffer> {
|
|
|
|
let glyphon_renderer: &mut GlyphonRenderer = resources.get_mut().unwrap();
|
|
|
|
glyphon_renderer.atlas.trim();
|
|
|
|
glyphon_renderer
|
|
|
|
.prepare(
|
|
|
|
device,
|
|
|
|
queue,
|
|
|
|
Resolution {
|
|
|
|
width: screen_descriptor.size_in_pixels[0],
|
|
|
|
height: screen_descriptor.size_in_pixels[1],
|
|
|
|
},
|
|
|
|
self.buffers.iter().map(|b| TextArea {
|
|
|
|
buffer: b.buffer.read(),
|
|
|
|
left: b.rect.left(),
|
|
|
|
top: b.rect.top(),
|
|
|
|
scale: b.scale,
|
|
|
|
opacity: b.opacity,
|
|
|
|
bounds: TextBounds {
|
|
|
|
left: b.rect.left() as i32,
|
|
|
|
top: b.rect.top() as i32,
|
|
|
|
right: b.rect.right() as i32,
|
|
|
|
bottom: b.rect.bottom() as i32,
|
|
|
|
},
|
|
|
|
default_color: b.default_color,
|
|
|
|
}),
|
|
|
|
)
|
|
|
|
.unwrap();
|
|
|
|
Vec::new()
|
|
|
|
}
|
|
|
|
|
|
|
|
fn paint<'a>(
|
|
|
|
&self,
|
|
|
|
info: egui::PaintCallbackInfo,
|
|
|
|
render_pass: &mut wgpu::RenderPass<'a>,
|
|
|
|
resources: &'a egui_wgpu::CallbackResources,
|
|
|
|
) {
|
|
|
|
render_pass.set_viewport(
|
|
|
|
0.0,
|
|
|
|
0.0,
|
|
|
|
info.screen_size_px[0] as f32,
|
|
|
|
info.screen_size_px[1] as f32,
|
|
|
|
0.0,
|
|
|
|
1.0,
|
|
|
|
);
|
|
|
|
let glyphon_renderer: &GlyphonRenderer = resources.get().unwrap();
|
|
|
|
glyphon_renderer.render(render_pass).unwrap();
|
|
|
|
}
|
|
|
|
}
|