Всем привет, сегодня я написал систему уведомлений для RAGE:MP и желаю поделиться ней с вами. Так же данный туториал есть в видео формате 
Приступим с создания всех нужных файлов на клиенте, а точнее index.js, index.html, style.css. После чего подключаем index.js:
Далее в самом index.js прописываем следующие строчки:
Дальше вписываем index.html:
Ну и закидываем в туже папку свой стиль style.css, этого я уже объяснять не буду
Подробнее расcказал всё в видео:
Всем удачи Скоро новый туториал, можете дать идей в комментарии
Приступим с создания всех нужных файлов на клиенте, а точнее index.js, index.html, style.css. После чего подключаем index.js:
JavaScript:
require("./notifications/index.js")Далее в самом index.js прописываем следующие строчки:
JavaScript:
let browser = null;
mp.events.add("ClassicNotify", (enteredTextofNOTIFY) => { //Передаём текст вместе с вызовом эвента
if(browser == null){ //Проверяем открыт ли браузер, если да ничего не делаем дабы не косячить:)
browser = mp.browsers.new('package://notifications/index.html')//Создаём браузер
}
browser.execute(`NotifyArray("${enteredTextofNOTIFY}")`)//Добавляем новое уведомление вызывая функцию HTML (Читай дальше)
})
mp.events.add("HideNotify", () => {//Скрытие уведомлений на случай открытия худов или других вещей, где уведомление не нужно.
if(browser != null){//Проверяем открыт ли бровсер
browser.destroy()//Если на убиваем браузер .destroy()
browser = null;//Делаем бровсер на null да бы в будущем была возможность открыть его
}
})Дальше вписываем index.html:
JavaScript:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css">
<script src="index.js"></script>
</head>
<body>
<ul id="myList" class="LISTOFTXST"><!--Создаем лист-->
<!--INNER FIELD FOR LI--> <!--Место для li-->
</ul>
</body>
<script>
function NotifyArray(InnerNotifyText) {//Функция которую вызываем путём .execute в index.js
let list = document.getElementById("myList"); //Берём лист через ID(Смотри выше), через Class не вызываем так как это возвращает масив
let li = document.createElement("li");//Создаем li
list.appendChild(li)//Добавляем ранее созданный li в list
li.className = "NotifS"; //Добавляем классНейм для css
li.innerText = InnerNotifyText; //Отображаемый "TEXT" в уведомлении который был прописан в .call("ClassicNotify", "TEXT")
setTimeout(function(){//Добавляем таймер на убийство созданного li.
li.remove()//Убиваем путём использования .remove() НЕ .destroy() так как это JS для HTML а не RAGE API
}, 5000)//5000ms время после которого срабатывает код выше(`-`-`-li.remove()-`-`-`)
}
</script>
</html>Ну и закидываем в туже папку свой стиль style.css, этого я уже объяснять не буду
Подробнее расcказал всё в видео:
Всем удачи
Скоро новый туториал, можете дать идей в комментарии
