Furaffinity-Loading-Animations

Library for creating different loading animations on Furaffinity

Tento skript by neměl být instalován přímo. Jedná se o knihovnu, kterou by měly jiné skripty využívat pomocí meta příkazu // @require https://update.greasyfork.org/scripts/485153/1760936/Furaffinity-Loading-Animations.js

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

Autor
Midori Dragon
Verze
1.2.3
Vytvořeno
18. 01. 2024
Aktualizováno
22. 02. 2026
Size
21,1 KB
Licence
MIT

Furaffinity Loading Animations

Library for creating different loading animations on FurAffinity.

See documentation on Furaffinity-Loading-Animations.

How to use

  • @require this script

  • Create a new Loading Animation:

    const baseElem = document.getElementById('spinner-container');
    const spinner = new FALoadingSpinner(baseElem); // always give the baseElem as parameter
    spinner.visible = true;
    ⠀
    const textSpinner = new FALoadingTextSpinner(baseElem);
    const imageSpinner = new FALoadingImage(baseElem);
    const barSpinner = new FALoadingBar(baseElem);
    

    See Furaffinity-Loading-Animations for more info

  • Optional: Change Settings:

    spinner.forecolorHex = "#FF0000";
    spinner.spinnerThickness = 6;
    

Feature Roadmap

Feature Status
Have basic Options for all Loading Animations ✅ Completed
⠀⠀⠀⠀Change Speed ✅ Completed
⠀⠀⠀⠀Change Visibility ✅ Completed
⠀⠀⠀⠀Change Size ✅ Completed
Have different Types of Animations ✅ Completed
⠀⠀⠀⠀Text Spinner ✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Text ✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Font Size ✅ Completed
⠀⠀⠀⠀Loading Spinner ✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Color ✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Thickness ✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Animation ✅ Completed
⠀⠀⠀⠀Image Animation ✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Image ✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Animation ✅ Completed
⠀⠀⠀⠀Loading Bar ✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Color ✅ Completed
⠀⠀⠀⠀⠀⠀⠀⠀Change Text ✅ Completed
Progress Bar ⬜ Planned