Урок Библиотека для замены стандартных тултипов на кастомные

  • Официальное уведомление администрации CustomGames.RU
    В связи с масштабным техническим сбоем в инфраструктуре прежнего хостинг-провайдера (Beget), работа форума CustomGames.RU была оперативно перенесена на новую серверную площадку и развёрнута из резервной копии базы данных.

    • Безопасность данных: учётные записи и данные пользователей находятся в полной безопасности. Все пароли и защищаемые параметры хранятся исключительно в криптографически зашифрованном (хэшированном) виде — никаких критических инцидентов для аккаунтов пользователей не произошло.
    • Временные технические ограничения: на этапе синхронизации файлового хранилища часть статических материалов (пользовательские аватары и архивные вложения) временно недоступна. По мере получения доступа к файловым архивам все материалы будут восстановлены в полном объёме.

HappyFeedFriends

Друзья CG
14 Авг 2017
540
32
Проект
Battle Heroes Arena
Всем привет!

Создал небольшой скриптик для замены дотовских тултипов способностей на кастомные.
Ссылочка на github - https://github.com/HappyFeedFriends/DotaAbilityTooltip

- Нативная поддержка typescript из коробки


Ниже описание на русском.
=====================================

Описание

Небольшой скрипт, позволяющий заменить стандартные всплывающие подсказки способностей в dota 2 на пользовательские.



Подготовка

1. Установить Node.js (подойдёт LTS версия)

2. Установить Vs Code



Начало

Вариант 1

1. Открываем терминал в Vs Code (обычно Ctrl+Shift+`)

2. Устанавливаем пакет (пишем в открывшемся терминале команду) npm i dota-ability-tooltip

3. Там же вводим команду npm run build, после этого у нас сгенерируется файл build/index.js

4. Копируем этот файл build/index.js в нашу панораму panorama/scripts...

5. Подключаем кастомный тултип index.js в XML

Код:
 <scripts>

        <!-- Included JS script files go here -->

        <include src="file://{resources}/scripts/custom_game/index.js" />

    </scripts>



    <script>

        const config = {

            xmlTooltip: 'TOOLTIP PATH'

        }

        AbilitiesTooltipInject(config)

    </script>

6. Готово



Вариант 2

1. Открываем терминал в Vs Code (обычно Ctrl+Shift+`)

2. Устанавливаем пакет (пишем в открывшемся терминале команду) npm i dota-ability-tooltip

3. Импортируем метод registerAbilitiesTooltip из пакета. Пример тут



Для разработчиков
1. Запустив команду npm run dev, вы создадите у себя кастомку в рабочими тултипами. Это чтобы вы сами смогли поковырять и посмотреть чего и как



Параметры

Код:
interface TooltipConfig {

    // Функция которая отображает кастомный тултип

    // Верните true чтобы отобразить кастомный тултип

    // Не обязательно 

    isShown?: (abilityIndex: AbilityEntityIndex) => boolean;

    // Путь к вашему XML файлу кастомного тултипа

    // @example "file://{resources}/layout/custom_game/tooltips/towers_tooltip.xml"

    xmlTooltip: string;

    // Ивент на отображение кастомного тултипа

    // Не обязательно 

    onShown?: (parentPanel: Panel, abilityEntityIndex: AbilityEntityIndex) => void;

}



В будущем

Добавление тултипов для предметов



Содержание

[packages/DotaAbilityTooltip] - source code
[game | content] - for only development
[example] - example
 
  • Нравится
Реакции: vulkantsk и EndBringer
Добавь картинок, как это будет выглядеть.
До - после.
 
  • Вооу
Реакции: vulkantsk
Реклама: