Создание анимированного статуса в Discord

Анимированный статус подразумевает постоянное быстрое изменение настроек личного профиля при помощи дополнительных плагинов, поскольку в стандартной сборке Discord такая функция отсутствует. Из-за этого периодически возникают блокировки со стороны автоматической системы защиты, поэтому выполняйте один из следующих вариантов только в случае, если уверены в том, что не получите случайный бан на один или несколько дней.

Дополнительно предупредим, что обладатели мобильных устройств или те пользователи, которые сидят в Дискорде через браузер, не смогут задействовать ни один из следующих вариантов. Для их реализации на компьютере необходима установленная программа Discord, где и выполняются все остальные действия.

Подробнее: Как установить Discord на компьютер

Вариант 1: Плагин для расширения BetterDiscord

Программа BetterDiscord не только расширяет возможности стандартного Дискорда, но и добавляет инструмент, позволяющий создавать пользовательские плагины на JavaScript. Предлагаем разобраться с этим методом пошагово, поскольку он довольно обширный и подразумевает осуществление целого ряда действий.

Шаг 1: Установка дополнения BetterDiscord

Начать следует с установки дополнения BetterDiscord к уже имеющемуся на компьютере Дискорду. Этот процесс довольно тривиален для большинства юзеров.

Перейти к скачиванию BetterDiscord с официального сайта

1. Откройте ссылку выше для перехода на официальный сайт BetterDiscord и кликните на «Download».

2. Установщики и открытый исходный код софта находятся на GitHub, поэтому произойдет переход на этот сайт, откуда скачайте EXE-файл для инсталляции программы на Windows.

3. По завершении загрузки запустите установщик.

4. Обязательно подтвердите правила использования ПО и лучше прочитайте их полностью, чтобы понимать, как работают подобные расширения.

5. В следующем окне нажмите на «Install BandagedBD».

6. Используйте установку для стабильной версии, чье расположение определяется автоматически.

7. Ожидайте окончания инсталляции и закройте текущее окно.

Там же на сайте или уже после инсталляции BetterDiscord можете ознакомиться со всеми функциями, предоставляемыми данной программой, чтобы понимать, для каких еще целей помимо анимированного ника ее можно использовать.

Шаг 2: Создание плагина для анимированного статуса

Основной процесс — создание плагина, отвечающего за анимированный статус. Благо его не придется писать самостоятельно, изучая для этого JavaScript, поскольку полностью рабочий код уже был создан, а обычным пользователям остается только поместить его в файл и добавить в Дискорд, чем мы и займемся далее.

1. После успешной установки BetterDiscord перейдите в сам Дискорд и откройте меню с основными настройками.

2. Найдите появившиеся новые пункты и щелкните по разделу «Plugins», из названия которого уже понятно, за что он отвечает.

3. Сейчас необходимо перейти в директорию, куда помещаются плагины для нормальной работы BetterDiscord, поэтому нажмите соответствующую кнопку вверху.

4. Сама папка еще пустая, так как в ней отсутствуют пользовательские плагины.

5. Щелкните ПКМ по пустому месту, в контекстном меню наведите курсор на «Создать» и выберите «Текстовый документ».

6. Оставьте для него стандартное название и сделайте двойной клик мышкой, чтобы открыть через «Блокнот».

7. Вставьте туда код ниже точно в таком же формате. Больше никаких строк дописывать не нужно.

   //META{"name":"AnimatedStatus"}*//

   class AnimatedStatus {
   /* BD functions */
   getName () {
   return "AnimatedStatus";
   }

   getVersion () {
   return "0.8.4";
   }

   getAuthor () {
   return "toluschr";
   }

   getDescription () {
   return "Animate your Discord status";
   }

   setData (key, value) {
   BdApi.setData(this.getName(), key, value);
   }

   getData (key) {
   return BdApi.getData(this.getName(), key);
   }

   /* Code related to Animations */
   load () {
   this.animation = this.getData("animation");
   this.timeout = this.getData("timeout");
   Status.authToken = this.getData("token");
   }

   start () {
   if (this.animation == undefined || this.timeout == undefined || Status.authToken == undefined) return;
   this.Status_Animate();
   }

   stop () {
   clearTimeout(this.loop);
   Status.unset();
   }

   Status_Animate (index = 0) {
   if (index >= this.animation.length) index = 0;

   Status.set(this.animation[index]);
   this.loop = setTimeout(() => { this.Status_Animate(index + 1); }, this.timeout);
   }

   /* Settings related functions */
   strToAnimation (str) {
   let lines = str.split("\n");
   let out = [];
   for (let i = 0; i < lines.length; i++) {
   if (lines[i].length == 0) continue;

   out.push(JSON.parse("[" + lines[i] + "]"));
   }
   return out;
   }

   animationToStr (animation) {
   if (animation == undefined) return ""

   let out = "";
   for (let i = 0; i {
   // Set Auth token
   this.setData("token", token.value);

   // Set timeout
   this.setData("timeout", timeout.value);

   // Set Animation
   this.setData("animation", this.strToAnimation(animation.value));

   this.stop();
   this.load();
   this.start();
   };
   settings.appendChild(save);

   // End
   return settings;
   }
   }

   /* Status API */
   const Status = {
   authToken: "",

   request: () => {
   let req = new XMLHttpRequest();
   req.open("PATCH", "/api/v6/users/@me/settings", true);
   req.setRequestHeader("authorization", Status.authToken);
   req.setRequestHeader("content-type", "application/json");
   return req;
   },

   set: (status) => {
   Status.request().send('{"custom_status":{"text":"' + status[0] + '", "emoji_name": "' + status[1] + '"}}');
   },

   unset: () => {
   Status.request().send('{"custom_status":null}');
   }
   };

   /* GUI Wrapper */
   const GUI = {
   newInput: () => {
   let input = document.createElement("input");
   input.className = "inputDefault-_djjkz input-cIJ7To";
   return input;
   },

   newLabel: (text) => {
   let label = document.createElement("h5");
   label.className = "h5-18_1nd";
   label.innerText = text;
   return label;
   },

   newDivider: () => {
   let divider = document.createElement("div");
   divider.style.paddingTop = "15px";
   return divider;
   },

   newTextarea: () => {
   let textarea = document.createElement("textarea");
   textarea.className = "input-cIJ7To scrollbarGhostHairline-1mSOM1";
   textarea.style.resize = "vertical";
   textarea.rows = 4;
   return textarea;
   },

   newButton: (text) => {
let button = document.createElement("button");
button.className = "button-38aScr lookFilled-1Gx00P colorBrand-3pXr91 sizeSmall-2cSMqn";
button.innerText = text;
return button;
}
};


8. Затем откройте меню «Файл» и нажмите по пункту «Сохранить как». Вызвать его можно и при помощи сочетания клавиш Ctrl + Shift + S.

9. Сохраните плагин в этой же папке, но для начала установите для него «Тип файла» — «Все файлы (*.*)».

10. Задайте название «animated-status.plugin.js» и подтвердите сохранение.

11. Теперь содержимое директории выглядит так, как это показано на следующем изображении. Можно удалить элемент формата TXT, поскольку больше он вам не понадобится.

12. Откройте в Дискорде тот же раздел «Plugins», чтобы убедиться в успешном добавлении плагина.

13. Его активация происходит перемещением ползунка, а основные настройки выполняются в отдельном окне, однако это еще не все действия, которые необходимо выполнить для активации анимированного статуса.

Шаг 3: Настройка и включение анимированного статуса

Плагин для создания анимированного статуса успешно создан, а это значит, что можно переходить к его непосредственной настройке и включению нового режима отображения информации на странице. Главная задача — найти токен личного профиля, поэтому отдельно рассмотрим это действие.

1. Вернитесь в главное меню Дискорда и нажмите по своей аватарке для установки пользовательского статуса. Это требуется, чтобы далее проще было отыскать токен.

2. Из появившегося списка выберите вариант «Задать пользовательский статус».

3. Введите любой статус, который будет присвоен на время, и сохраните изменения.

4. Снова откройте меню для выбора статуса, а затем используйте сочетание клавиш Ctrl + Shift + I, которое отвечает за открытие консоли разработчика.

5. Перейдите на вкладку «Network».

6. Выберите параметр под названием «science» и вкладку «Headers» для него же.

7. Среди всех пунктов найдите «authorization» и скопируйте весь код после двоеточия.

8. Вставьте его в отведенное для этого поле в настройках созданного ранее плагина.

9. Дополнительно отыщите эмодзи, если хотите использовать их при создании анимированного статуса. Их просто копируйте и вставляйте в плагин.

10. Выставьте задержку в миллисекундах. Для меняющегося статуса она рекомендуется не ниже трех секунд, но в нашем случае придется сократить это время.

11. Весь текст пишется в кавычках, а последовательное его расположение создает эффект печати или плавной смены букв. Мы оставим пример ниже, чтобы вы могли скопировать его и проверить, как это работает.

    " "
" f"
" fa"
" fat"
" fata"
" fatal"
" fatali"
" fatalit"
" fatality"
" fatality."
" fatality.w"
" fatality.wi"
"fatality.win"
"fatality.win"
"fatality.win"
" fatality.wi"
" fatality.w"
" fatality."
" fatality"
" fatalit"
" fatali"
" fatal"
" fata"
" fat"
" fa"
" f"
" "


12. Сохраните изменения, покиньте текущее меню и проверьте, с какой скоростью происходит анимация и нужно ли ее подкорректировать.

Старайтесь не злоупотреблять использованием данного плагина и хотя бы иногда отключайте его, чтобы не провоцировать срабатывание системы блокировки подозрительных действий. Возможно, немного позже ситуация с такими скриптами полностью изменится, поэтому следите за новостями на сайте BetterDiscord, если вам это интересно.

Вариант 2: Запуск скрипта через Node.js

Шансов получить случайную временную блокировку при использовании Node.js меньше, но этот вариант работает только тогда, когда сам скрипт запущен на компьютере через PowerShell или «Командную строку». Это заставляет держать его постоянно включенным, если вы хотите добиться результата анимированного ника.

Шаг 1: Загрузка и установка Node.js

Окружение Node.js обязательно для установки, поскольку благодаря ему происходит запуск созданного пользовательского скрипта, поэтому начнем именно с загрузки и инсталляции этой программы.

Перейти к скачиванию Node.js с официального сайта

1. Воспользуйтесь ссылкой выше, перейдите на главную страницу сайта и загрузите рекомендованную версию программы.

2. Ожидайте окончания загрузки и запустите исполняемый файл.

3. Следуйте стандартной процедуре установки.

4. Не изменяйте стандартный путь распаковки объектов.

Шаг 2: Скачивание и настройка скрипта

Теперь приступим к получению и настройке скрипта, отвечающего за запуск анимированного ника в Discord. Он состоит из нескольких файлов и находится в открытом доступе на GitHub.

Перейти к скачиванию скрипта через GitHub

1. После открытия репозитория со скриптом нажмите по зеленой кнопке «Code».

2. Среди списка доступных действий отыщите «Download ZIP».

3. Ожидайте завершения загрузки архива и откройте его.

4. Распакуйте папку в любое удобное место на компьютере.

5. Запустите «Командную строку» или «Windows PowerShell» для дальнейшего выполнения команд.

6. Используйте cd + путь к корню папки для перехода к ней внутри консоли.

7. Теперь консоль готова взаимодействовать с файлами из данного каталога, поэтому можете смело вводить команду npm install и применять ее нажатием клавиши Enter.

8. Ожидайте окончания и инсталляции, следя за прогрессом в этом же окне.

9. Перейдите в корень папки со скриптом, где найдите файл «Config.json.example», нажмите по нему правой кнопкой мыши и выберите пункт «Переименовать».

10. Уберите выражение .example и примените изменения.

11. Далее сам файл нужно открыть через «Блокнот» для редактирования содержимого.

12. Получите авторизационный токен аккаунта в Дискорде так, как мы рассказывали в предыдущем варианте, и вставьте его в отведенную для этого строчку кода.

13. Редактируйте следующие блоки кода для ввода необходимого текста, эмодзи или задержки. Если в одном блоке используется только текст, для смайликов выбирайте значения «null». «Timeout», то есть задержка переключения, устанавливается в миллисекундах.

14. Ниже мы оставим созданный нами код, который анимирует написание надписи «Lumpics», а вы можете использовать его для примера.

    {
"token": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
"animation": [
{
"text": "L",
"emojiID": null,
"emojiName": null,
"timeout": 500
},
{
"text": "Lu",
"emojiID": null,
"emojiName": null,
"timeout": 500
},
{
"text": "Lum",
"emojiID": null,
"emojiName": null,
"timeout": 500
},
{
"text": "Lump",
"emojiID": null,
"emojiName": null,
"timeout": 500
},
{
"text": "Lumpi",
"emojiID": null,
"emojiName": null,
"timeout": 500
},
{
"text": "Lumpic",
"emojiID": null,
"emojiName": null,
"timeout": 500
},
{
"text": "Lumpics",
"emojiID": null,
"emojiName": null,
"timeout": 500
}
]
}


15. По завершении убедитесь в том, что код выполнен правильно, нажмите «Файл» и сохраните изменения.

16. Вернитесь к «Командной строке» или «PowerShell» и, находясь в том же расположении, запустите node index.js.

17. Вы будете уведомлены о том, что скрипт сейчас выполняется.

18. Вернитесь в Дискорд и ознакомьтесь со своим статусом, чтобы убедиться в его успешном анимировании.

Скрипт остановится сразу же, как вы закроете консоль. Для его повторного запуска снова понадобится выполнять указанную выше команду, а изменять конфигурационный файл можно в любой момент.

Наш Telegram каналТолько полезная информация