Furaffinity-Loading-Animations

Library for creating different loading animations on Furaffinity

Ten skrypt nie powinien być instalowany bezpośrednio. Jest to biblioteka dla innych skyptów do włączenia dyrektywą meta // @require https://update.greasyfork.org/scripts/485153/1760936/Furaffinity-Loading-Animations.js

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Greasemonkey lub Violentmonkey.

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

Aby zainstalować ten skrypt, wymagana jest instalacje jednego z następujących rozszerzeń: Tampermonkey, Violentmonkey.

Aby zainstalować ten skrypt, wymagana będzie instalacja rozszerzenia Tampermonkey lub Userscripts.

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

Aby zainstalować ten skrypt, musisz zainstalować rozszerzenie menedżera skryptów użytkownika.

(Mam już menedżera skryptów użytkownika, pozwól mi to zainstalować!)

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.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Będziesz musiał zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

Musisz zainstalować rozszerzenie menedżera stylów użytkownika, aby zainstalować ten styl.

(Mam już menedżera stylów użytkownika, pozwól mi to zainstalować!)

Autor
Midori Dragon
Wersja
1.2.3
Utworzono
18-01-2024
Zaktualizowano
22-02-2026
Rozmiar
21,1 KB
Licencja
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