feat(animation): improve context menu animations

Author: std-microblock

resources/schema.json

@@ -18,32 +18,56 @@
                     "y": { "$ref": "#/definitions/animated_float_conf" }
                   }
                 },
-                "item": {
-                  "title": "Context Menu Item Animation Configuration",
-                  "description": "Animation effects for context menu items",
-                  "type": "object",
-                  "additionalProperties": false,
-                  "properties": {
-                    "opacity": { "$ref": "#/definitions/animated_float_conf" },
-                    "x": { "$ref": "#/definitions/animated_float_conf" },
-                    "y": { "$ref": "#/definitions/animated_float_conf" },
-                    "width": { "$ref": "#/definitions/animated_float_conf" }
-                  }
-                },
-                "bg": {
-                  "title": "Background Animation Configuration",
-                  "description": "Animation effects for context menu background",
+                "item": {
+                  "title": "Context Menu Item Animation Configuration",
+                  "description": "Animation effects for context menu items",
+                  "type": "object",
+                  "additionalProperties": false,
+                  "properties": {
+                    "opacity": { "$ref": "#/definitions/animated_float_conf" },
+                    "x": { "$ref": "#/definitions/animated_float_conf" },
+                    "y": { "$ref": "#/definitions/animated_float_conf" },
+                    "width": { "$ref": "#/definitions/animated_float_conf" },
+                    "blur": { "$ref": "#/definitions/animated_float_conf" },
+                    "appear_blur": {
+                      "title": "Initial Text Blur",
+                      "description": "Starting blur radius for menu item text appear animation",
+                      "type": "number",
+                      "minimum": 0,
+                      "default": 2.5
+                    }
+                  }
+                },
+                "bg": {
+                  "title": "Background Animation Configuration",
+                  "description": "Animation effects for context menu background",
                   "type": "object",
                   "additionalProperties": false,
                   "properties": {
-                    "opacity": { "$ref": "#/definitions/animated_float_conf" },
-                    "x": { "$ref": "#/definitions/animated_float_conf" },
-                    "y": { "$ref": "#/definitions/animated_float_conf" },
-                    "w": { "$ref": "#/definitions/animated_float_conf" },
-                    "h": { "$ref": "#/definitions/animated_float_conf" }
-                  }
-                }
-              },
+                    "opacity": { "$ref": "#/definitions/animated_float_conf" },
+                    "x": { "$ref": "#/definitions/animated_float_conf" },
+                    "y": { "$ref": "#/definitions/animated_float_conf" },
+                    "w": { "$ref": "#/definitions/animated_float_conf" },
+                    "h": { "$ref": "#/definitions/animated_float_conf" },
+                    "appear_w_scale": {
+                      "title": "Initial Width Scale",
+                      "description": "Starting width scale for the background expand animation",
+                      "type": "number",
+                      "minimum": 0,
+                      "maximum": 1,
+                      "default": 0.6
+                    },
+                    "appear_h_scale": {
+                      "title": "Initial Height Scale",
+                      "description": "Starting height scale for the background expand animation",
+                      "type": "number",
+                      "minimum": 0,
+                      "maximum": 1,
+                      "default": 0.6
+                    }
+                  }
+                }
+              },
               "title": "Animation Configuration",
               "description": "Configure the animation effects of the context menu",
               "type": "object",
@@ -57,12 +81,12 @@
                 },
                 "main_bg": {
                   "$ref": "#/definitions/context_menu/definitions/theme/definitions/animation/definitions/bg"
-                },
-                "submenu_bg": {
-                  "$ref": "#/definitions/context_menu/definitions/theme/definitions/animation/definitions/bg"
-                }
-              }
-            }
+                },
+                "submenu_bg": {
+                  "$ref": "#/definitions/context_menu/definitions/theme/definitions/animation/definitions/bg"
+                }
+              }
+            }
           },
           "title": "Context Menu Theme Configuration",
           "description": "Configure the theme and appearance of the context menu",

src/shell/config.h

@@ -72,21 +72,25 @@ struct config {
             float acrylic_opacity = 0.1;
             bool use_dwm_if_available = true;
             bool use_self_drawn_border = true;
-            struct animation {
-                struct main {
-                    animated_float_conf y;
-                } main;
-                struct item {
-                    animated_float_conf opacity;
-                    animated_float_conf x, y;
-                    animated_float_conf width;
-                } item;
-                struct bg {
-                    animated_float_conf opacity;
-                    animated_float_conf x, y, w, h;
-                } main_bg, submenu_bg;
-            } animation;
-        } theme;
+            struct animation {
+                struct main {
+                    animated_float_conf y;
+                } main;
+                struct item {
+                    animated_float_conf opacity;
+                    animated_float_conf x, y;
+                    animated_float_conf width;
+                    animated_float_conf blur;
+                    float appear_blur = 2.5f;
+                } item;
+                struct bg {
+                    animated_float_conf opacity;
+                    animated_float_conf x, y, w, h;
+                    float appear_w_scale = 0.6f;
+                    float appear_h_scale = 0.6f;
+                } main_bg, submenu_bg;
+            } animation;
+        } theme;
 
         bool vsync = true;
         bool ignore_owner_draw = true;
@@ -134,4 +138,4 @@ struct config {
     static std::filesystem::path data_directory();
     void apply_fonts_to_nvg(NVGcontext *nvg);
 };
-} // namespace mb_shell
+} // namespace mb_shell