Library for creating different loading animations on Furaffinity
لا ينبغي أن لا يتم تثبيت هذا السكريت مباشرة. هو مكتبة لسكبتات لتشمل مع التوجيه الفوقية // @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 |