WIP: Sheat music view

Author: PolyMeilex

assets/fonts/Leland.otf

@@ -25,6 +25,9 @@ pub fn font_system() -> Rc<RefCell<FontSystem>> {
                     glyphon::fontdb::Source::Binary(Arc::new(include_bytes!(
                         "../../assets/fonts/bootstrap-icons.ttf"
                     ))),
+                    glyphon::fontdb::Source::Binary(Arc::new(include_bytes!(
+                        "../../assets/fonts/Leland.otf"
+                    ))),
                 ])))
             })
             .clone()

neothesia-core/src/font_system.rs

@@ -59,3 +59,49 @@ pub fn record_stop_icon() -> &'static str {
 pub fn save_icon() -> &'static str {
     "\u{f7D9}"
 }
+
+pub mod sheet {
+    pub fn stem() -> &'static str {
+        "\u{1D165}"
+    }
+
+    pub fn f_clef() -> &'static str {
+        "\u{E062}"
+    }
+
+    pub fn g_clef() -> &'static str {
+        "\u{E050}"
+    }
+
+    pub fn accidental_flat() -> &'static str {
+        "\u{E260}"
+    }
+
+    pub fn accidental_sharp() -> &'static str {
+        "\u{E262}"
+    }
+
+    pub fn notehead_whole() -> &'static str {
+        "\u{E0A2}"
+    }
+
+    pub fn notehead_black() -> &'static str {
+        "\u{E0A4}"
+    }
+
+    pub fn flag_8th() -> &'static str {
+        "\u{E240}"
+    }
+
+    pub fn flag_16th() -> &'static str {
+        "\u{E242}"
+    }
+
+    pub fn flag_64th() -> &'static str {
+        "\u{E246}"
+    }
+
+    pub fn flag_128th() -> &'static str {
+        "\u{E248}"
+    }
+}

neothesia/src/icons.rs

@@ -79,6 +79,55 @@ impl TopBar {
     pub fn ui(this: &mut PlayingScene, ctx: &mut Context) {
         let mut ui = std::mem::replace(&mut this.nuon, nuon::Ui::new());
 
+        nuon::translate().y(100.0).build(&mut ui, |ui| {
+            let spacing = 15.0;
+            let half_spacing = spacing / 2.0;
+            let y = 50.0;
+            let x = 40.0;
+
+            let color = [0; 3];
+
+            nuon::quad()
+                .color([255; 3])
+                .pos(0.0, 0.0)
+                .size(250.0, 130.0)
+                .border_radius([0.0, 10.0, 10.0, 0.0])
+                .build(ui);
+
+            // Staves
+            for id in 0..5 {
+                nuon::quad()
+                    .y(y - id as f32 * spacing + 39.0)
+                    .height(1.0)
+                    .width(250.0)
+                    .color(color)
+                    .build(ui);
+            }
+
+            let base = || half_spacing * 4.0;
+            let pitch_y = |pitch: u8| base() - half_spacing * pitch as f32;
+
+            nuon::leland()
+                .text(icons::sheet::g_clef())
+                .color(color)
+                .x(x)
+                .y(y)
+                .build(ui);
+
+            let whole = icons::sheet::notehead_whole();
+
+            for pitch in 0..10 {
+                let y = y + pitch_y(pitch);
+
+                nuon::leland()
+                    .text(whole)
+                    .color(color)
+                    .x(x + 60.0 + 22.0 * (pitch % 2) as f32)
+                    .y(y)
+                    .build(ui);
+            }
+        });
+
         nuon::translate()
             .y(this.top_bar.topbar_expand_animation.animate_bool(
                 -75.0 + 5.0,

neothesia/src/scene/playing_scene/top_bar/mod.rs

@@ -1169,6 +1169,10 @@ pub fn label() -> Label {
     Label::new()
 }
 
+pub fn leland() -> Label {
+    label().font_family("Leland").font_size(60.0)
+}
+
 impl Default for Label {
     fn default() -> Self {
         Self::new()