Furaffinity-Loading-Animations

Library for creating different loading animations on Furaffinity

Ovu skriptu ne treba izravno instalirati. To je biblioteka za druge skripte koje se uključuju u meta direktivu // @require https://update.greasyfork.org/scripts/485153/1760936/Furaffinity-Loading-Animations.js

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

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

(I already have a user script manager, let me install it!)

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.

(I already have a user style manager, let me install it!)

Autor
Midori Dragon
Verzija
1.2.3
Stvoreno
18.01.2024.
Ažurirano
22.02.2026.
Size
21,1 KB
Licenza
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