chore(example): improve the demo example

orhun · Jan 31, 2025 · d70c5cb · d70c5cb
1 parent d76d3a3
commit d70c5cb
Show file tree

Hide file tree

Showing 4 changed files with 165 additions and 5 deletions.
diff --git a/examples/demo/Cargo.lock b/examples/demo/Cargo.lock
diff --git a/examples/demo/Cargo.toml b/examples/demo/Cargo.toml
@@ -8,3 +8,5 @@ publish = false
 clap = { version = "4.5.23", features = ["derive"] }
 rand = { version = "0.8.5", features = ["small_rng"], default-features = false }
 ratzilla = { path = "../../" }
+tachyonfx = { git = "https://github.com/orhun/tachyonfx", branch = "feat/wasm_support", default-features = false, features = ["web-time"] }
+tui-big-text = "0.7.0"
diff --git a/examples/demo/src/app.rs b/examples/demo/src/app.rs
@@ -1,9 +1,13 @@
-use rand::SeedableRng;
 use rand::{
     distributions::{Distribution, Uniform},
     rngs::SmallRng,
+    SeedableRng,
+};
+use ratzilla::ratatui::{style::Color, widgets::ListState};
+use tachyonfx::{
+    fx::{self},
+    Effect, EffectTimer, Interpolation, Motion,
 };
-use ratzilla::ratatui::widgets::ListState;
 
 const TASKS: [&str; 24] = [
     "Item1", "Item2", "Item3", "Item4", "Item5", "Item6", "Item7", "Item8", "Item9", "Item10",
@@ -233,6 +237,7 @@ pub struct App<'a> {
     pub barchart: Vec<(&'a str, u64)>,
     pub servers: Vec<Server<'a>>,
     pub enhanced_graphics: bool,
+    pub effect: Effect,
 }
 
 impl<'a> App<'a> {
@@ -297,6 +302,25 @@ impl<'a> App<'a> {
                 },
             ],
             enhanced_graphics,
+            effect: fx::sequence(&[
+                fx::parallel(&[
+                    fx::sweep_in(
+                        Motion::LeftToRight,
+                        10,
+                        0,
+                        Color::Black,
+                        EffectTimer::from_ms(7000, Interpolation::QuadIn),
+                    ),
+                    fx::sweep_in(
+                        Motion::UpToDown,
+                        10,
+                        0,
+                        Color::Black,
+                        EffectTimer::from_ms(7000, Interpolation::QuadIn),
+                    ),
+                ]),
+                fx::coalesce((2000, Interpolation::SineOut)),
+            ]),
         }
     }
 

diff --git a/examples/demo/src/ui.rs b/examples/demo/src/ui.rs
@@ -1,6 +1,6 @@
 use ratzilla::ratatui::{
-    layout::{Constraint, Layout, Rect},
-    style::{Color, Modifier, Style},
+    layout::{Constraint, Layout, Margin, Rect},
+    style::{Color, Modifier, Style, Stylize},
     symbols,
     text::{self, Span},
     widgets::{
@@ -10,6 +10,8 @@ use ratzilla::ratatui::{
     },
     Frame,
 };
+use tachyonfx::{Duration, EffectRenderer};
+use tui_big_text::{BigText, PixelSize};
 
 use crate::app::App;
 
@@ -31,6 +33,18 @@ pub fn draw(frame: &mut Frame, app: &mut App) {
         2 => draw_third_tab(frame, app, chunks[1]),
         _ => {}
     };
+    let big_text = BigText::builder()
+        .pixel_size(PixelSize::Quadrant)
+        .lines(vec!["RATZILLA".white().into()])
+        .build();
+    frame.render_widget(
+        big_text,
+        frame.area().inner(Margin {
+            horizontal: frame.area().width / 2 - 15,
+            vertical: 0,
+        }),
+    );
+    frame.render_effect(&mut app.effect, frame.area(), Duration::from_millis(40));
 }
 
 fn draw_first_tab(frame: &mut Frame, app: &mut App, area: Rect) {