MeowcaTheoRange/KBTween
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

KBTween.js - Add "prefix" and "suffix" values.

Browse source
This commit is contained in:
MeowcaTheoRange 2022-09-29 09:43:33 -05:00 committed by GitHub
parent d43a9e977c
commit 6044f53dc6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
KBTween.js
View file

@ -4,7 +4,8 @@
* @param {number} second * @param {number} second
* @param {number} percent * @param {number} percent
* @param {number} easePercent * @param {number} easePercent
* @param {number} value * @param {number} value - The value, without prefix/suffix formatting.
* @param {string} formattedValue - The value, with prefix/suffix formatting.
*/ */
/** /**
* @callback onFinish - What to run when the tween ends. * @callback onFinish - What to run when the tween ends.
@ -35,6 +36,8 @@ export function KBTween(k) {
* @param {Function} [config.onStart] - What to run when the tween starts. * @param {Function} [config.onStart] - What to run when the tween starts.
* @param {onUpdate} [config.onUpdate] - What to run every time the tween updates. * @param {onUpdate} [config.onUpdate] - What to run every time the tween updates.
* @param {onFinish} [config.onFinish] - What to run when the tween ends. * @param {onFinish} [config.onFinish] - What to run when the tween ends.
* @param {string} [config.prefix] - What string to put before the value.
* @param {string} [config.suffix] - What string to put after the value.
* @returns {Function} - End the tween manually. * @returns {Function} - End the tween manually.
*/ */
const tween = (object, prop, time, config) => { const tween = (object, prop, time, config) => {
@ -44,6 +47,8 @@ export function KBTween(k) {
config.onStart = config.onStart ?? tweentypes.__NOOP; config.onStart = config.onStart ?? tweentypes.__NOOP;
config.onUpdate = config.onUpdate ?? tweentypes.__NOOP; config.onUpdate = config.onUpdate ?? tweentypes.__NOOP;
config.onFinish = config.onFinish ?? tweentypes.__NOOP; config.onFinish = config.onFinish ?? tweentypes.__NOOP;
config.prefix = config.prefix ?? "";
config.suffix = config.suffix ?? "";
var frame = 0; var frame = 0;
var startTime = k.time(); var startTime = k.time();
@ -53,13 +58,13 @@ export function KBTween(k) {
var curTime = k.time() - startTime; var curTime = k.time() - startTime;
var curPercent = curTime / time.time; var curPercent = curTime / time.time;
for (let i in prop) { for (let i in prop) {
object[prop[i]] = k.lerp(time.from, time.to, config.ease(curPercent)); object[prop[i]] = config.prefix + k.lerp(time.from, time.to, config.ease(curPercent)) + config.suffix;
} }
if (curPercent >= 1) { if (curPercent >= 1) {
switch (time.type) { switch (time.type) {
case 0: case 0:
for (let i in prop) { for (let i in prop) {
object[prop[i]] = time.to; object[prop[i]] = config.prefix + time.to + config.suffix;
} }
updateFunc(); updateFunc();
break; break;
@ -78,13 +83,13 @@ export function KBTween(k) {
loops++; loops++;
config.onFinish(time, config, loops); config.onFinish(time, config, loops);
} }
config.onUpdate(frame, curTime, curPercent, config.ease(curPercent), k.lerp(time.from, time.to, config.ease(curPercent))); config.onUpdate(frame, curTime, curPercent, config.ease(curPercent), k.lerp(time.from, time.to, config.ease(curPercent)), config.prefix + k.lerp(time.from, time.to, config.ease(curPercent)) + config.suffix);
frame++; frame++;
}); });
return (clean) => { return (clean) => {
if (!clean) { if (!clean) {
for (let i in prop) { for (let i in prop) {
object[prop[i]] = time.to; object[prop[i]] = config.prefix + time.to + config.suffix;
} }
} }
time.type = 0; time.type = 0;