Trying to add workpsace switching animations

[Dumbrusher]

Hello
i have made this script for switching worspace

#!/bin/bash

# Set the current workspace (replace with your method to get the current workspace)
current_workspace=$(xdotool get_desktop)
target_workspace=$1  # Pass target workspace as an argument to the script

# Determine if switching up or down
if [[ $target_workspace -gt $current_workspace ]]; then
    # Switching to a higher-numbered workspace
    current_switch_value=1
    target_switch_value=2
else
    # Switching to a lower-numbered workspace
    current_switch_value=2
    target_switch_value=1
fi

# Get windows in the current workspace
current_windows=$(wmctrl -l | awk -v ws="$current_workspace" '$2 == ws {print $1}')
# Get windows in the target workspace
target_windows=$(wmctrl -l | awk -v ws="$target_workspace" '$2 == ws {print $1}')

# Apply _MY_CUSTOM_WORKSPACE_SWITCH to current workspace windows
for win in $current_windows; do
    xprop -id "$win" -f _MY_CUSTOM_WORKSPACE_SWITCH 32i -set _MY_CUSTOM_WORKSPACE_SWITCH $current_switch_value
done

# Apply _MY_CUSTOM_WORKSPACE_SWITCH to target workspace windows
for win in $target_windows; do
    xprop -id "$win" -f _MY_CUSTOM_WORKSPACE_SWITCH 32i -set _MY_CUSTOM_WORKSPACE_SWITCH $target_switch_value
done

# Switch to the target workspace
xdotool set_desktop "$target_workspace"

# Clean up: Remove _MY_CUSTOM_WORKSPACE_SWITCH from all windows
all_windows=$(wmctrl -l | awk '{print $1}')
for win in $all_windows; do
    xprop -id "$win" -remove _MY_CUSTOM_WORKSPACE_SWITCH
done

and this configuration in my picom.conf

{
        match = "_MY_CUSTOM_WORKSPACE_SWITCH@ = 1";
        animations = (
            {
                triggers = ["open", "show"];
                offset-x = {
                    start = "-1920";
                    end = "0";
                    duration = "0.3";
                };
                shadow-offset-x = "offset-x"
            },
            {
                triggers = ["close", "hide"];
                opacity = {
                    curve = "linear";
                    duration = 0.3;
                    start = "window-raw-opacity-before";
                    end = "window-raw-opacity-before";
                };
                blur-opacity = 0;
                shadow-opacity = "opacity";
                offset-x = {
                    start = "0";
                    end = "-1920";
                    duration = "0.3"
                };
                shadow-offset-x = "offset-x"
            }
        )
    },
    {
        match = "_MY_CUSTOM_WORKSPACE_SWITCH@ = 2";
        animations = (
            {
                triggers = ["open", "show"];
                offset-x = {
                    start = "1920";
                    end = "0";
                    duration = "0.3";
                };
                shadow-offset-x = "offset-x"
            },
            {
                triggers = ["close", "hide"];
                opacity = {
                    curve = "linear";
                    duration = 0.3;
                    start = "window-raw-opacity-before";
                    end = "window-raw-opacity-before";
                };
                blur-opacity = 0;
                shadow-opacity = "opacity";
                offset-x = {
                    start = "0";
                    end = "1920";
                    duration = "0.3"
                };
                shadow-offset-x = "offset-x"
            }
        )
    },

it looks like it works fine but i am thinking will these cause any problem in picom i dont want to start an issue for no reason in the future and sorry if this issue is not in correct format i dont know much about all this i just found some commands put them together made a script

[Dumbrusher]

by the way this is script
https://drive.google.com/file/d/10HAoh_ib60d7jKpDhoDsfq22PBTll7CY/view?usp=sharing
and this is configuration file
https://drive.google.com/file/d/1jiIAOlmv36b0A6y3mx-JzK9uBUpAxDJ1/view?usp=sharing

[yshui]

thanks for posting this info! but this is more appropriate as a discussion thread.

[Dumbrusher]

I am sorry I didn't know about discussion thread 😅

[greed-d]

Hey @Dumbrusher awesome script, just two questions, how can I use workspace_animation.sh and how would I unblur stuffs?

Like my notification-center gets blurred, which I don't want and I'm not that well versed in the new style of picom config,
I could do class_g = <something> to exclude an app from blur and opacity..

I use deadd-notification-center

[greed-d]

Thanks I forgot I had set opacity in deadd.css too 😅 , that's on me haha
but doing something like

rule(
    {
      match="class_g = 'Thunar"; 
      blur-background = true;
      opacity=0
    }
)

still doesn't give opacity or blur to thunar
xprop returns class as WM_CLASS(STRING) = "Thunar", "Thunar"
I don't remember controlling opacity/blur with any other app or package

[Dumbrusher]

Can you share your config

[greed-d]

here you go @Dumbrusher

shadow = true;
shadow-radius = 40;
shadow-opacity = 0.7
shadow-offset-x = -30;
shadow-offset-y = -40;
shadow-color = "#000000"

frame-opacity = 0.95;
frame-opacity-for-same-colors = true;

corner-radius = 0

# blur-method = "dual_kawase"
# blur-background = true
# blur-background-frame = true


backend = "glx"
dithered-present = false;
vsync = true;
detect-client-opacity = true;
detect-transient = true;
detect-client-leader = true
glx-no-stencil = true
glx-no-rebind-pixmap = true
use-damage = true;
xrender-sync-fence = true
log-level = "warn";

# blur:
# {
#   method="gaussian";
#   size=10;
#   deviation=5.0;
#
# }

rules = (
    {
        match = "_MY_CUSTOM_WORKSPACE_SWITCH@ = 1";
        animations = (
            {
                triggers = ["open", "show"];
                offset-x = {
                    start = "-1920";
                    end = "0";
                    duration = "0.1";
                };
                shadow-offset-x = "offset-x"
            },
            {
                triggers = ["close", "hide"];
                opacity = {
                    curve = "linear";
                    duration = 0.1;
                    start = "window-raw-opacity-before";
                    end = "window-raw-opacity-before";
                };
                blur-opacity = 0;
                shadow-opacity = "opacity";
                offset-x = {
                    start = "0";
                    end = "-1920";
                    duration = "0.1"
                };
                shadow-offset-x = "offset-x"
            }
        )
    },
    {
        match = "_MY_CUSTOM_WORKSPACE_SWITCH@ = 2";
        animations = (
            {
                triggers = ["open", "show"];
                offset-x = {
                    start = "1920";
                    end = "0";
                    duration = "0.1";
                };
                shadow-offset-x = "offset-x"
            },
            {
                triggers = ["close", "hide"];
                opacity = {
                    curve = "linear";
                    duration = 0.1;
                    start = "window-raw-opacity-before";
                    end = "window-raw-opacity-before";
                };
                blur-opacity = 0;
                shadow-opacity = "opacity";
                offset-x = {
                    start = "0";
                    end = "1920";
                    duration = "0.1"
                };
                shadow-offset-x = "offset-x"
            }
        )
    },
    {
        match = "fullscreen"; 
    corner-radius=0; 
    },
    {
    match = "WM_TRANSIENT_FOR@";
    animations = ({
        triggers = ["open", "show"];
        opacity = {
            curve = "linear";
            duration = 0.075;
            start = "window-raw-opacity-before";
            end = "window-raw-opacity";
        };
        blur-opacity = {
            curve = "linear";
            duration = 0.1;
            delay = 0.075;
            start = "window-raw-opacity-before";
            end = "window-raw-opacity";
        };
        shadow-opacity = "opacity";
        scale-y = {
            curve = "cubic-bezier(0.24, 0.64, 0.79, 0.98)";
            duration = 0.075;
            start = 0.8;
            end = 1;
        };
        offset-y = "(-window-height/2) + (window-height/2) * scale-y";
        shadow-scale-y = "scale-y";
        shadow-offset-y = "offset-y";
    },{
        triggers = ["close", "hide"];
        opacity = {
            curve = "linear";
            duration = 0.075;
            start = "window-raw-opacity-before";
            end = "0";
        };
        blur-opacity = 0;
        shadow-opacity = "opacity";
        scale-y = {
            curve = "cubic-bezier(0.21, 0.02, 0.76, 0.36)";
            duration = 0.075;
            start = 1;
            end = 0.7;
        };
        offset-y = "(-window-height/2) + (window-height/2) * scale-y";
        shadow-scale-y = "scale-y";
        shadow-offset-y = "offset-y";
    });
}, {
    match = "window_type = 'dropdown_menu' || window_type = 'popup_menu' || window_type = 'menu' ";
    animations = ({
        triggers = ["open", "show"];
        opacity = {
            curve = "linear";
            duration = 0.075;
            start = "window-raw-opacity-before";
            end = "window-raw-opacity";
        };
        blur-opacity = {
            curve = "linear";
            duration = 0.1;
            delay = 0.15;
            start = "window-raw-opacity-before";
            end = "window-raw-opacity";
        };
        shadow-opacity = "opacity";
        scale-y = {
            curve = "cubic-bezier(0.24, 0.64, 0.79, 0.98)";
            duration = 0.15;
            start = 0.8;
            end = 1;
        };
        shadow-scale-y = "scale-y";
    },{
        triggers = ["close", "hide"];
        opacity = {
            curve = "linear";
            duration = 0.15;
            start = "window-raw-opacity-before";
            end = "0";
        };
        blur-opacity = 0;
        shadow-opacity = "opacity";
        scale-y = {
            curve = "cubic-bezier(0.21, 0.02, 0.76, 0.36)";
            duration = 0.15;
            start = 1;
            end = 0.7;
        };
        shadow-scale-y = "scale-y";
    });
}, {
    match = "window_type = 'dropdown_menu' || window_type = 'popup_menu' || window_type = 'menu'";
    opacity = 0.9;
}, {
    match = "window_type = 'dock' || window_type = 'desktop'";
    blur-background = false;
    corner-radius = 0;
}, {
    match = "class_g *= 'i3lock' || _NET_WM_STATE@[1] = '_NET_WM_STATE_FULLSCREEN' || _NET_WM_STATE@[2] = '_NET_WM_STATE_FULLSCREEN' || _NET_WM_STATE@[3] = '_NET_WM_STATE_FULLSCREEN' || _NET_WM_STATE@[4] = '_NET_WM_STATE_FULLSCREEN'";
    shadow = false;
    corner-radius = 0;
    animations = ({
        triggers = ["open", "show"];
        opacity = {
            curve = "linear";
            duration = 0.15;
            start = "window-raw-opacity-before";
            end = "window-raw-opacity";
        };
        blur-opacity = {
            curve = "linear";
            duration = 0.1;
            delay = 0.15;
            start = "window-raw-opacity-before";
            end = "window-raw-opacity";
        };
        shadow-opacity = "opacity";
    },{
        triggers = ["close", "hide"];
        opacity = {
            curve = "linear";
            duration = 0.15;
            start = "window-raw-opacity-before";
            end = "0";
        };
        blur-opacity = 0;
        shadow-opacity = "opacity";
    });
},{
        match = "class_g = 'Polybar'";
        blur-background = true;
        shadow = false;
    },

    {
        match = "class_g = 'Rofi'";
        animations = (
            {
                triggers = [ "open", "show" ];
                preset = "slide-in";
                direction = "left";
            },
            {
                triggers = [ "close", "hide" ];
                preset = "slide-out";
                direction = "left";
            }
        );
    },
    {
      match = "class_g = 'Deadd-notification-center'";  
      blur-background=true;
      # opacity=1;
      # blur-background-exclude = true;
        animations = (
            {
                triggers = [ "open", "show" ];
                preset = "slide-in";
                direction = "right";
            },
            {
                triggers = [ "close", "hide" ];
                preset = "slide-out";
                direction = "right";
            }
        );
    },
    {
      match="class_g = 'Thunar"; 
      blur-background = true;
      opacity=0
    }
    );

animations = ({
    triggers = ["close", "hide"];
    opacity = {
        curve = "linear";
        duration = 0.15;
        start = "window-raw-opacity-before";
        end = "window-raw-opacity";
    };
    blur-opacity = "0";
    shadow-opacity = "opacity";
    offset-x = "(1 - scale-x) / 2 * window-width";
    offset-y = "(1 - scale-y) / 2 * window-height * 5";
    scale-x = {
        curve = "cubic-bezier(0.21, 0.02, 0.76, 0.36)";
        duration = 0.15;
        start = 1;
        end = 0.9;
    };
    scale-y = "scale-x";
    shadow-scale-x = "scale-x";
    shadow-scale-y = "scale-y";
    shadow-offset-x = "offset-x";
    shadow-offset-y = "offset-y";
}, {
    triggers = ["open", "show"];
    opacity = {
        curve = "linear";
        duration = 0.15;
        start = "window-raw-opacity-before";
        end = "window-raw-opacity";
    };
    blur-opacity = {
        curve = "linear";
        duration = 0.1;
        delay = 0.15;
        start = "window-raw-opacity-before";
        end = "window-raw-opacity";
    };
    shadow-opacity = "opacity";
    offset-x = "(1 - scale-x) / 2 * window-width";
    offset-y = "(1 - scale-y) / 2 * window-height * 5";
    scale-x = {
        curve = "cubic-bezier(0.24, 0.64, 0.79, 0.98)";
        duration = 0.15;
        start = 0.95;
        end = 1;
    };
    scale-y = "scale-x";
    shadow-scale-x = "scale-x";
    shadow-scale-y = "scale-y";
    shadow-offset-x = "offset-x";
    shadow-offset-y = "offset-y";
},{
    triggers = [ "geometry" ];
    # preset = "geometry-change";
    scale-x = {
        start = "window-width-before / window-width";
        end = "1";
        duration = 0.25;
    };
    scale-y = {
        start = "window-height-before / window-height";
        end = "1";
        duration = 0.25;
    };
    shadow-scale-x = "scale-x";
    shadow-scale-y = "scale-y";
    offset-x = {
        start = "window-x-before - window-x";
        end = "0";
        duration = "0.25";
    };
    offset-y = {
        start = "window-y-before - window-y";
        end = "0";
        duration = "0.25";
    };
    shadow-offset-x = "offset-x";
    shadow-offset-y = "offset-y";
}

# Full Opaque Desktop Switch
#{
#    triggers = ["workspace-out"];
#    offset-y = {
#        timing = "0.15s cubic-bezier(0.21, 0.02, 0.76, 0.36)";
#        start = "0";
#        end = "-window-monitor-height";
#    };
#    shadow-offset-y = "offset-y";
#    opacity = {
#        timing = "0.2s linear";
#        start = "window-raw-opacity-before";
#        end = "window-raw-opacity-before";
#    };
#    blur-opacity = "opacity";
#    shadow-opacity = "opacity";
#}, {
#    triggers = ["workspace-out-inverse"];
#    offset-y = {
#        timing = "0.15s cubic-bezier(0.21, 0.02, 0.76, 0.36)";
#        start = "0";
#        end = "window-monitor-height";
#    };
#    shadow-offset-y = "offset-y";
#    opacity = {
#        timing = "0.2s linear";
#        start = "window-raw-opacity-before";
#        end = "window-raw-opacity-before";
#    };
#    blur-opacity = "opacity";
#    shadow-opacity = "opacity";
#}, {
#    triggers = ["workspace-in"];
#    offset-y = {
#        timing = "0.15s cubic-bezier(0.24, 0.64, 0.79, 0.98)";
#        start = "window-monitor-height";
#        end = "0";
#    };
#    shadow-offset-y = "offset-y";
#    opacity = {
#        timing = "0.2s linear";
#        start = "window-raw-opacity";
#        end = "window-raw-opacity";
#    };
#    blur-opacity = "opacity";
#    shadow-opacity = "opacity";
#}, {
#    triggers = ["workspace-in-inverse"];
#    offset-y = {
#        timing = "0.15s cubic-bezier(0.24, 0.64, 0.79, 0.98)";
#        start = "-window-monitor-height";
#        end = "0";
#    };
#    shadow-offset-y = "offset-y";
#    opacity = {
#        timing = "0.2s linear";
#        start = "window-raw-opacity";
#        end = "window-raw-opacity";
#    };
#    blur-opacity = "opacity";
#    shadow-opacity = "opacity";
#}

)

[Dumbrusher]

uncomment the line blur-method= "dual_kawase" and add ' (single quote) after "class_g = 'Thunar there is a syntax error

[greed-d]

Thank you, that means a lot