Add a glow effect to the cyberpunk-splash line drawing #48

Merged
savanni merged 2 commits from neon-glow into main 2023-07-26 13:59:22 +00:00
1 changed files with 69 additions and 61 deletions
Showing only changes of commit f419fb06ee - Show all commits

View File

@ -161,48 +161,86 @@ impl SplashPrivate {
let _ = context.paint(); let _ = context.paint();
context.select_font_face("Alegreya Sans SC", FontSlant::Normal, FontWeight::Bold); context.select_font_face("Alegreya Sans SC", FontSlant::Normal, FontWeight::Bold);
context.set_font_size(128.);
let center_x = *self.width.borrow() as f64 / 2.;
let center_y = *self.height.borrow() as f64 / 2.;
let title_extents = context.text_extents(&self.text.borrow()).unwrap();
let title_width = title_extents.width();
let title_height = title_extents.height();
{ {
let start_length = center_x - title_width / 2. - title_height - 20.; context.set_source_rgb(0.7, 0., 1.);
let title_cutout = AsymLineCutout { let hashtag = "#CodingTogether";
context.set_font_size(64.);
let extents = context.text_extents(hashtag).unwrap();
context.move_to(20., extents.height() + 40.);
let _ = context.show_text(hashtag);
AsymLine {
orientation: gtk::Orientation::Horizontal,
start_x: 10.,
start_y: extents.height() + 10.,
start_length: 0.,
height: extents.height() / 2.,
total_length: extents.width() + extents.height() / 2.,
invert: false,
}
.draw(&pen);
pen.stroke();
AsymLine {
orientation: gtk::Orientation::Horizontal, orientation: gtk::Orientation::Horizontal,
start_x: 20., start_x: 20.,
start_y: center_y - 20. - title_height / 2., start_y: extents.height() + 60.,
start_length, start_length: extents.width(),
total_length: *self.width.borrow() as f64 - 120., height: extents.height() / 2.,
cutout_length: title_width, total_length: extents.width() + extents.height() / 2.,
height: title_height,
invert: false, invert: false,
}; }
.draw(&pen);
title_cutout.draw(&pen);
pen.stroke(); pen.stroke();
} }
{ {
let title_baseline_x = center_x - title_width / 2.; context.set_font_size(128.);
let title_baseline_y = center_y - 20.;
let gradient = LinearGradient::new( let center_x = *self.width.borrow() as f64 / 2.;
title_baseline_x, let center_y = *self.height.borrow() as f64 / 2.;
title_baseline_y - title_height,
title_baseline_x, let title_extents = context.text_extents(&self.text.borrow()).unwrap();
title_baseline_y, let title_width = title_extents.width();
); let title_height = title_extents.height();
gradient.add_color_stop_rgb(0.2, 0.7, 0.0, 1.0);
gradient.add_color_stop_rgb(0.8, 0.2, 0.0, 1.0); {
context.move_to(title_baseline_x, title_baseline_y); let start_length = center_x - title_width / 2. - title_height - 20.;
let _ = context.set_source(gradient);
let _ = context.show_text(&self.text.borrow()); let title_cutout = AsymLineCutout {
orientation: gtk::Orientation::Horizontal,
start_x: 20.,
start_y: center_y - 20. - title_height / 2.,
start_length,
total_length: *self.width.borrow() as f64 - 120.,
cutout_length: title_width,
height: title_height,
invert: false,
};
title_cutout.draw(&pen);
pen.stroke();
}
{
let title_baseline_x = center_x - title_width / 2.;
let title_baseline_y = center_y - 20.;
let gradient = LinearGradient::new(
title_baseline_x,
title_baseline_y - title_height,
title_baseline_x,
title_baseline_y,
);
gradient.add_color_stop_rgb(0.2, 0.7, 0.0, 1.0);
gradient.add_color_stop_rgb(0.8, 0.2, 0.0, 1.0);
context.move_to(title_baseline_x, title_baseline_y);
let _ = context.set_source(gradient);
let _ = context.show_text(&self.text.borrow());
}
} }
{ {
@ -490,36 +528,6 @@ impl AsymLine {
} }
} }
struct RoundedRectangle {
x: f64,
y: f64,
width: f64,
height: f64,
}
impl RoundedRectangle {
fn draw(&self, context: &Context) {
context.arc(
self.x,
self.y - self.height / 2.,
self.height / 2.,
0.5 * std::f64::consts::PI,
1.5 * std::f64::consts::PI,
);
let _ = context.fill();
context.arc(
self.x + self.width,
self.y - self.height / 2.,
self.height / 2.,
1.5 * std::f64::consts::PI,
0.5 * std::f64::consts::PI,
);
let _ = context.fill();
context.rectangle(self.x, self.y, self.width, -self.height);
let _ = context.fill();
}
}
struct SlashMeter { struct SlashMeter {
orientation: gtk::Orientation, orientation: gtk::Orientation,
start_x: f64, start_x: f64,