await Pixel.loadScripts([ "https://unpkg.com/animejs@3.2.1/lib/anime.min.js", "https://unpkg.com/jquery@3.3.1/dist/jquery.slim.min.js" ]); let totalMessages = 0; let messagesLimit = Number("{{messagesLimit}}"); let animationIn = 'slideInUp'; let animationOut = 'fadeOut'; let hideAfter = Number("{{hideAfter}}"); let hideCommands = "{{hideCommands}}" === "true"; let hideAvatars = "{{hideAvatars}}" === "true"; let ignoredUsers = "{{ignoredUsers}}".toLowerCase().split(",").map(e => e.replace(/\s/g, "")); Pixel.on('message', function (obj) { let data = obj; console.log(data); if ( hideCommands && data.message && data.message[0].type === "text" && data.message[0].text[0] === "!" ) return; if (ignoredUsers.indexOf(data.user.name) !== -1) return; let message = data.message let username = data.user.displayName; let avatar = data.user.avatar; addMessage(avatar, username, message, data.user.id, data.id); }); function addMessage(avatar, username, message, uid, msgId) { const element = $.parseHTML(`

${!hideAvatars ? `

`: ""} ${username}

${ message.map(e=>{ if (e.type === "emote") { return `

`; } else { return `${e.text}`; } }).join("") }

`); if (hideAfter !== 999) { $('.main-container').append(element); $('.main-container .message-row').append(element).delay(hideAfter * 1000).queue(function () { console.log($(this), this); $(this).removeClass("animate__animated animate__fadeInUpBig animate__faster"); let animation = anime({ targets: $(this)[0], opacity: [1, 0], easing: 'easeInOutExpo', duration: 1000 }) animation.finished.then(() => { $(this).remove(); totalMessages -= 1; }); }); } else { $('.main-container').append(element); } if ($(".main-container").children().length > messagesLimit) { $(".main-container").children()[0].remove(); } }

Inspired by Genshin Impact

Recommended Overlays and Scenes