Library to use for Toradorable Animations on agar and deviants. Animations stored separately. To use, @require this first, then Animations.
目前为
此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.greasyfork.icu/scripts/24894/158138/Toradorable%20Animator.js
// ==UserScript==
// @name Toradorable Animator
// @namespace http://tampermonkey.net/
// @version 0.0.1
// @description Library to use for Toradorable Animations on agar and deviants. Animations stored separately. To use, @require this first, then Animations.
// @author Toradorable
// @grant none
// ==/UserScript==
/* Library to use for Toradorable Animations on agar and deviants.
* Animations stored separately.
* To use, @require this first, then any Animations you would like.
* To play the currently selected animation, call
animator.playAnimation();
* NOTE: playAnimation requires per-site functions that are not included with this library.
* You can find per-site functions in the link below.
* To stop playing the current animation, call
animator.pauseAnimation();
*
* To select the next/prev animation, call
animator.nextAnimation(); animator.prevAnimation();
* Note that next/prev do not change the playing status. If we are already playing, we will seamlessly switch over to the new animation.
*
* To add your own animations, type
animator.addAnimation({
title: "Name Of Your Animation",
// Optional Default display time, used when/if a frame does not have a time specified.
defaultDisplayTime: 1000,
frames: [
//time: Optional display time for this frame in milliseconds,
//url: "http://Link/To/Your/Image.png",
//nick: "Optional Nick to use if applicable. Most sites do not allow you to change your nick in game."
{time: 500, url: "https://s22.postimg.org/jha3867up/image.png", nick: "To"},
{time: 500, url: "https://s22.postimg.org/jrhlrimgx/image.png", nick: "Ra"},
{time: 500, url: "https://s22.postimg.org/6xjjy691d/image.png", nick: "Do"},
{time: 500, url: "https://s22.postimg.org/idpyw7n7l/Ra2.png", nick: "Ra"},
{time: 500, url: "https://s22.postimg.org/inxhfk1tt/exclam.png", nick: "!"},
{time: 2000, url: "https://s18.postimg.org/tl8xraeux/Taiga_square.png", nick: "Toradora!"}
]
})'
* To import a skinList, type
animator.importSkinList(
// First argument is a skin list array.
// Below is iWubbz's candy skinList as found on
// https://greasyfork.org/en/scripts/23677-iwubbz-candy-skin-changer/code
["http://i.imgur.com/1JQqUzR.png",
"http://i.imgur.com/VKcEy4k.png",
"http://i.imgur.com/FKsf0PC.png",
"http://i.imgur.com/zg6Oxzo.png",
"http://i.imgur.com/EPawa6H.png",
"http://i.imgur.com/NyKl8tG.png"
],
// Second argument is optional. However, I recomend setting title at the least.
//defaultDisplayTime is 1000 (1 second) by default.
//All frames will be displayed for defaultDisplayTime milliseconds.
//Use animator.addAnimation if you want different display times per frame.
{title: "iWubbz's Candy", defaultDisplayTime: 5000}
);
* ^^ Importing skin lists is as easy as stealing candy from iWubbz. ^^
* Note that this is just the Toradorable animator library.
* Keybindings, Animations, and per-site functions are stored separately.
*
* If you need Animations, Keybindings, and Per-Site functions, look in
* https://greasyfork.org/en/users/79223-Toradorable
* per-site scripts are labled "Toradorable Site.extention". NOTE: All per-site scripts already include this library.
* animations are labled "TitleOfAnimation Animation for Toradorable Skin Changer"
* and extentions are labled "FunctionOfLibrary Extention for Toradorable Skin Changer"
*/
var animator = (typeof animator === 'object') ? animator : (function () {
var AnimationContainer = {
animationIndex: 0,
animationTimeout: null,
startOnFirstFrame: false,
// Name of the animation
title: function(){ },
setAnimation: function(n){
this.animationIndex = n;
if (this.animationIndex >= this.animations.length) this.animationIndex = 0;
if (this.animationIndex < 0) this.animationIndex = this.animations.length - 1;
return this.animations[this.animationIndex];
},
nextAnimation: function(n=1){
this.animationIndex += n;
if (this.animationIndex >= this.animations.length) this.animationIndex = 0;
return this.animations[this.animationIndex];
},
prevAnimation: function(n=1){
this.animationIndex -= n;
if (this.animationIndex < 0) this.animationIndex = this.animations.length - 1;
return this.animations[this.animationIndex];
},
pauseAnimation: function(){
if (this.animationTimeout) {
clearTimeout(this.animationTimeout);
}
},
playAnimation: function(isFirstFrame=true){
var animation = this.currentAnimation();
if (isFirstFrame) {
if (this.startOnFirstFrame) this.frameIndex = 0;
} else {
this.nextFrame();
}
this.site.updateFrame( );
var time = animation.currentDisplayTime();
if (time > 0) {
this.pauseAnimation();
this.animationTimeout=setTimeout(function() { AnimationContainer.playAnimation(false); }, time);
}
},
refreshFrame: function(){
var animation = this.currentAnimation();
this.site.updateFrame( );
},
// Frames
defaultDisplayTime: 1000,
speedMultiplier: 1,
frameIndex: 0,
init: function() {
this.site.initialize();
},
setFrameIndex: function(n) {
return this.currentAnimation().setFrameIndex(n);
},
nextFrame: function(n=1){
return this.currentAnimation().nextFrame(n);
},
prevFrame: function(n=1){
return this.currentAnimation().prevFrame(n);
},
// For re-transmitting when player-update
currentAnimation: function() {
if (this.animationIndex >= this.animations.length) this.animationIndex = 0;
return this.animations[this.animationIndex];
},
currentFrame: function(){
return this.currentAnimation().currentFrame();
},
currentFrameDisplayTime: function() {
return this.currentAnimation().currentDisplayTime();
},
// Agar Networks allows you to change your nick
currentFrameNick: function(){
return this.currentAnimation().currentNick();
},
currentFrameSkin: function(){
return this.currentAnimation().currentSkin();
},
addAnimation: function(animation){
var a = Object.assign({},this.animationTemplate,animation);
this.animations.push(a);
return a;
},
addAnimations: function() {
for (var i = 0; i < arguments.length; i++) {
this.addAnimation(arguments[i]);
}
return this.animations;
},
importSkinListAsAnimation(skinList,attributes={}) {
var animation = this.addAnimation(attributes);
for (var i = 0; i < skinList.length; i++) {
animation.frames[i] = {url: skinList[i]};
}
return animation;
},
/*removeAnimation: function(animation){
var a = Object.assign({},this.animationTemplate,animation);
this.animation.push(a);
return a;
},*/
site: {
nick: null,
elements: {
nick: null,
skinurl: null,
},
initialize: function() {
this.elements.nick = document.getElementById('nick');
this.elements.skinurl = document.getElementById('skinurl');
},
getNick: function() {
return this.elements.nick.value;
},
setNick: function(newNick) {
return this.elements.nick.value = newNick;
},
getSkin: function() {
},
setSkin: function(skin) {
},
//changeNickTo: function () { },
//changeSkinTo: function () { },
refreshCurrentFrame: function() { },
updateFrame: function(nick=AnimationContainer.currentFrameNick(), skin=AnimationContainer.currentFrameSkin(), time=AnimationContainer.currentFrameDisplayTime(), displaylocal=true) {
this.elements.skinurl.value = skin;
//setNick(nick,team,skin,partytoken);
//setNick(document.getElementById('nick').value);
var player=playerDetailsByIdentifier[nodeList[0][1] + nodeList[0][6]];
socket.emit("playerUpdated", {
"action": "update",
"displayName": player.displayName,
"socketRoom": player.socketRoom,
"identifier": player.identifier,
"url": skin,
"nick": player.nick,
"team": player.team,
"token": player.token
});
nodeList[0][5]=skin;
if (displaylocal) {
player.url=skin;
}
}
},
animationTemplate: {
/*addFrame: function(frame,showTime) {
},*/
/*fixFrameIndex: function() {
if (AnimationContainer.frameIndex >= this.frames.length) AnimationContainer.frameIndex = 0;
},*/
currentFrame: function() {
if (AnimationContainer.frameIndex >= this.frames.length) AnimationContainer.frameIndex = 0;
return this.frames[AnimationContainer.frameIndex];
},
setFrameIndex: function(n) {
AnimationContainer.frameIndex = n;
if (AnimationContainer.frameIndex >= this.frames.length) AnimationContainer.frameIndex = 0;
if (AnimationContainer.frameIndex < 0) AnimationContainer.frameIndex = this.frames.length - 1;
return this.frames[AnimationContainer.frameIndex];
},
nextFrame: function(n=1) {
AnimationContainer.frameIndex += n;
if (AnimationContainer.frameIndex >= this.frames.length) AnimationContainer.frameIndex = 0;
return this.frames[AnimationContainer.frameIndex];
},
prevFrame: function(n=1) {
AnimationContainer.frameIndex -= n;
if (AnimationContainer.frameIndex < 0) AnimationContainer.frameIndex = this.frames.length - 1;
return this.frames[AnimationContainer.frameIndex];
},
currentNick: function() {
var frame = this.currentFrame();
return ('nick' in frame) ? frame.nick : AnimationContainer.site.getNick();
},
currentSkin: function() {
var frame = this.currentFrame();
return ('url' in frame) ? frame.url : AnimationContainer.site.getSkin();
},
currentDisplayTime: function() {
var frame = this.currentFrame();
if ('time' in frame) {
return Math.floor(frame.time / AnimationContainer.speedMultiplier + 1);
} else {
return Math.floor( this.getDefaultDisplayTime() / AnimationContainer.speedMultiplier + 1);
}
},
getDefaultDisplayTime() {
if ('defaultDisplayTime' in this) {
return this.defaultDisplayTime;
} else {
return AnimationContainer.defaultDisplayTime;
}
},
initialize: function() { },
title: "Unnamed Animation",
frames: [
{
nick: null,
time: 0,
url: "",
}
],
},
animations: [],
};
AnimationContainer.init();
return AnimationContainer;
})();