Library for creating different loading animations on Furaffinity
Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greasyfork.org/scripts/485153/1760936/Furaffinity-Loading-Animations.js
Furaffinity Loading AnimationsLibrary for creating different loading animations on FurAffinity.
See documentation on Furaffinity-Loading-Animations.
@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 | 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 |