Library for creating different loading animations on Furaffinity
此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.greatest.deepsurf.us/scripts/485153/1803332/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 |