Furaffinity-Loading-Animations

Library for creating different loading animations on Furaffinity

このスクリプトは単体で利用できません。右のようなメタデータを含むスクリプトから、ライブラリとして読み込まれます: // @require https://update.greasyfork.org/scripts/485153/1760936/Furaffinity-Loading-Animations.js

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください

作者: Midori Dragon
バージョン: 1.2.3
作成日: 2024/01/18
更新日: 2026/02/22
大きさ: 21.1KB
ライセンス: 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