Build Image Filters with egui Sliders | Rust GUI Tutorial #14
22views
0010:01
T
Taught by Celeste AI - AI Coding Coach
View on YouTubeDescription
Build an Image Filters app with egui Sliders! Learn how to create brightness, contrast, saturation, and blur
controls with real-time color preview.
Student code: https://github.com/GoCelesteAI/egui_sliders/tree/main
What You'll Learn:
• egui::Slider::new — bind a mutable f32 to a numeric range
• .suffix() — add unit labels like "%" or "px"
• Image filter math — brightness, contrast, and saturation adjustments
• allocate_exact_size + rect_filled — draw a color preview rectangle
• Reset All button — restore defaults with *self = MyApp::default()
• Neo-tree c — copy files in Neovim's file explorer
Chapters:
0:00 Intro
0:12 App Preview
0:22 Key Concepts
0:54 Create Project
1:10 Cargo.toml
1:30 main.rs
2:04 app.rs — Struct & Defaults
3:00 preview_color Method
4:50 impl App — Panels & Sliders
7:10 Preview Rectangle & Status
8:30 Build & Neo-tree Copy
9:00 App Demo
9:30 Recap
This is Episode 14 of the "Learn egui in Neovim" series — building real Rust GUI apps step by step.
🔧 Built with: Rust, eframe/egui 0.31, Neovim + Neo-tree
📺 Full playlist: Learn egui in Neovim
#rust #egui #rustlang #gui #neovim #tutorial