Smartcraft-Media-Tech/nutty-tools
1
0
Fork 0
mirror of https://github.com/nuttylmao/nutty.gg.git synced 2026-09-19 04:00:59 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixed again blehghghghwegh

Browse Source
This commit is contained in:
nutty
2026-08-16 17:13:15 +10:00
parent 5c994401e9
commit 539a1aebf3
2 changed files with 42 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
now-playing/script.js
+20 -10
View File
@@ -544,17 +544,27 @@ function ApplyMarquee(label, text) {
// 2. Animate Mask Variables simultaneously to keep soft edges synced // 2. Animate Mask Variables simultaneously to keep soft edges synced
const maxOffset = 1; const maxOffset = 1;
const fadeBuffer = 0.02; // Dynamically scale buffer so it never overlaps text segments if overflow is small
const fadeBuffer = Math.min(0.02, (p2 - p1) / 4);
label.animate([ const off0 = 0;
{ '--mask-left': 'black', '--mask-right': 'transparent', offset: 0 }, const off1 = p1;
{ '--mask-left': 'black', '--mask-right': 'transparent', offset: p1 }, const off2 = Math.min(p1 + fadeBuffer, p2);
{ '--mask-left': 'transparent', '--mask-right': 'transparent', offset: Math.min(p1 + fadeBuffer, maxOffset) }, const off3 = Math.max(off2, p2 - fadeBuffer);
{ '--mask-left': 'transparent', '--mask-right': 'transparent', offset: Math.max(0, p2 - fadeBuffer) }, const off4 = p2;
{ '--mask-left': 'transparent', '--mask-right': 'black', offset: p2 }, const off5 = p3;
{ '--mask-left': 'transparent', '--mask-right': 'black', offset: p3 }, const off6 = Math.min(p3 + fadeBuffer, maxOffset);
{ '--mask-left': 'transparent', '--mask-right': 'transparent', offset: Math.min(p3 + fadeBuffer, maxOffset) }, const off7 = 1;
{ '--mask-left': 'black', '--mask-right': 'transparent', offset: 1 }
label._anim = label.animate([
{ '--mask-left': 'black', '--mask-right': 'transparent', offset: off0 },
{ '--mask-left': 'black', '--mask-right': 'transparent', offset: off1 },
{ '--mask-left': 'transparent', '--mask-right': 'transparent', offset: off2 },
{ '--mask-left': 'transparent', '--mask-right': 'transparent', offset: off3 },
{ '--mask-left': 'transparent', '--mask-right': 'black', offset: off4 },
{ '--mask-left': 'transparent', '--mask-right': 'black', offset: off5 },
{ '--mask-left': 'transparent', '--mask-right': 'transparent', offset: off6 },
{ '--mask-left': 'black', '--mask-right': 'transparent', offset: off7 }
], { ], {
duration: totalMs, duration: totalMs,
iterations: Infinity iterations: Infinity
now-playing/themes/compact/script.js
+18 -9
View File
@@ -200,17 +200,26 @@ function UpdateSingleSongLabel(containerId, trackName, artistName) {
// 2. Animate Mask Variables simultaneously to keep soft edges synced // 2. Animate Mask Variables simultaneously to keep soft edges synced
const maxOffset = 1; const maxOffset = 1;
const fadeBuffer = 0.02; const fadeBuffer = Math.min(0.02, (p2 - p1) / 4); // Dynamically scale buffer if text overflow is tiny
const off0 = 0;
const off1 = p1;
const off2 = Math.min(p1 + fadeBuffer, p2);
const off3 = Math.max(off2, p2 - fadeBuffer);
const off4 = p2;
const off5 = p3;
const off6 = Math.min(p3 + fadeBuffer, maxOffset);
const off7 = 1;
container._anim = container.animate([ container._anim = container.animate([
{ '--mask-left': 'black', '--mask-right': 'transparent', offset: 0 }, { '--mask-left': 'black', '--mask-right': 'transparent', offset: off0 },
{ '--mask-left': 'black', '--mask-right': 'transparent', offset: p1 }, { '--mask-left': 'black', '--mask-right': 'transparent', offset: off1 },
{ '--mask-left': 'transparent', '--mask-right': 'transparent', offset: Math.min(p1 + fadeBuffer, maxOffset) }, { '--mask-left': 'transparent', '--mask-right': 'transparent', offset: off2 },
{ '--mask-left': 'transparent', '--mask-right': 'transparent', offset: Math.max(0, p2 - fadeBuffer) }, { '--mask-left': 'transparent', '--mask-right': 'transparent', offset: off3 },
{ '--mask-left': 'transparent', '--mask-right': 'black', offset: p2 }, { '--mask-left': 'transparent', '--mask-right': 'black', offset: off4 },
{ '--mask-left': 'transparent', '--mask-right': 'black', offset: p3 }, { '--mask-left': 'transparent', '--mask-right': 'black', offset: off5 },
{ '--mask-left': 'transparent', '--mask-right': 'transparent', offset: Math.min(p3 + fadeBuffer, maxOffset) }, { '--mask-left': 'transparent', '--mask-right': 'transparent', offset: off6 },
{ '--mask-left': 'black', '--mask-right': 'transparent', offset: 1 } { '--mask-left': 'black', '--mask-right': 'transparent', offset: off7 }
], { ], {
duration: totalMs, duration: totalMs,
iterations: Infinity iterations: Infinity