Войти на сайт
×
ТЕМА: Дневник разработчика DK
Дневник разработчика DK 7 года 11 мес. назад #95531
          |
|
|
Дневник разработчика DK 7 года 11 мес. назад #95542
|
Вот как это будет выглядеть:
ВНИМАНИЕ: Спойлер! |
|
|
Дневник разработчика DK 7 года 10 мес. назад #95802
|
Эх, когда-то я здесь работал:
ВНИМАНИЕ: Спойлер! |
|
|
Дневник разработчика DK 7 года 10 мес. назад #96184
|
Небольшой урок по созданию кнопки с помощью DKTools 0.95
Кто пользуется MV, заметил, что в img/system есть изображение ButtonSet.png, которое состоит из 4 кнопок в 2 ряда. Верхний ряд используется для отображения обычного состояния, нижний ряд используется при нажатии на кнопку. А мне вот лень рисовать второй ряд для кнопок, поэтому придумал следующее: Я использую вот это изображение для кнопки: ВНИМАНИЕ: Спойлер! Ниже представленный код написан для пустой сцены Итак, поехали! 1. Сначала создаем кнопку (спрайт) this.sprite = new DKTools.Sprite(100, 100);2. Задаем название графики с помощью setup функции this.sprite.setupGraphicName('button');Но эту папку можно поменять функцией setupGraphicFolder 3. Запускаем работу спрайта и добавляем нашу кнопку в сцену this.sprite.start();
this.addChild(this.sprite);Теперь перейдем к самому интересному! Нужно сделать анимацию нажатия на наш спрайт. 4. Изменяем точку привязки this.sprite.movePivot('center');5. Устанавливаем прозрачность спрайта для обычного и нажатого состояний this.sprite.setupColdOpacity(255);
this.sprite.setupHotOpacity(125);Hot - нажатое состояние 6. Устанавливаем масштабирование спрайта для обычного и нажатого состояний this.sprite.setupColdScale(1, 1);
this.sprite.setupHotScale(0.95, 0.95);Все. Наша кнопка готова. На нее можно нажимать и видеть анимацию нажатия. Но кнопка ничего не делает и на ней нет никакого текста. Добавим текст кнопке. 7. Создадим разовое событие для спрайта this.sprite.addEventListener('ready', function() {
var width = this.sprite.width;
var height = this.sprite.height;
this.text = new DKTools.Sprite();
this.text.setupSize(width, height);
this.text.setupText('Кнопка');
this.text.start();
this.sprite.addChild(this.text);
}.bind(this));Тип события - 'ready'. Это означает то, что, когда графика будет загружена, сработает это событие. Для чего это нужно ? Чтобы мы могли узнать размер нашей кнопки (также размер можно узнать из файла графики, но я предполагаю, что у меня могут меняться файлы графики и точного размера я никогда не узнаю, поэтому лучше программно определять размер графики) Теперь мы можем получить ширину и высоту нашей кнопки Далее мы создаем новый спрайт Устанавливаем ему размер нашей кнопки Задаем текст Запускаем работу спрайта текста И добавляем его к нашей кнопке Вот теперь на нашей кнопке есть текст 8. Добавим действие на нашу кнопку this.sprite.addEventHandler('click', function() {
this.popScene();
}.bind(this));Тип события - 'click'. События этого типа срабатывают, когда пользователь нажимает на спрайт Также существует длительное нажатие на спрайт (событие типа 'longPress') Функция addEventHandler создает бесконечное событие, которое не имеет длительности действия, то есть обрабатывается и хранится в объекте всегда В данном случае нажатие на нашу кнопку будет просто закрывать сцену Результат в виде скринов (обычное состояние и нажатое): ВНИМАНИЕ: Спойлер! На этом мини-урок закончен  |
|
|
Дневник разработчика DK 7 года 9 мес. назад #96718
|
|
|
Дневник разработчика DK 7 года 9 мес. назад #96728
      |
|
|
Дневник разработчика DK 7 года 9 мес. назад #96738
|
Эльф, постараюсь уроки писать в академии
А пока вот скриншотик вам: ВНИМАНИЕ: Спойлер! |
|
|
Дневник разработчика DK 7 года 9 мес. назад #96784
|
ВНИМАНИЕ: Спойлер! |
|
|
Дневник разработчика DK 7 года 9 мес. назад #96790
|
|
|
Дневник разработчика DK 7 года 9 мес. назад #96791
|
Со всей ненавистью делаю, потому что уже больше года делаю
 |
|
|
Дневник разработчика DK 7 года 9 мес. назад #96794
|
|
|
Дневник разработчика DK 7 года 9 мес. назад #96833
|
Все-таки реализовал класс Color
Скрины реализованных классов ВНИМАНИЕ: Спойлер! |
|
|
Дневник разработчика DK 7 года 8 мес. назад #97032
|
Последние несколько дней я активно искал различную информацию по pixi, которая была бы полезна для DKTools.
Я нашел плагин для анимации, поэтому пока не знаю, стоит ли мне разрабатывать свой класс, раз можно будет подключать уже готовый по желанию или же нагло стырить их реализацию, переделав на свой лад... Также я нашел следующие плагины: Система частиц - как совместить с DKTools пока не знаю, но, если кому нужен плагин, то дам ссылку Таймер - у меня уже в принципе реализован похожий класс под названием Event, но я об этом тоже подумаю Input - хорошая замена стандартному Input в мейкере. Поддерживает всю клавиатуру и запросто можно вешать горячие клавиши Плагин UI - содержит всякие окна, checkbox, кнопки и прочее, что я собирался сделать. Скорее всего я сделаю свои элементы, но что-то могу спереть из их плагина. Также я нашел плагин освещения. Демка выглядит потрясно, но не разобрался, как его применить  Вот, что еще было сделано: Пришлось отказаться от класса Color Возможно, придется отказаться от класса Font Переделан класс Localization Скорее всего будет переименован класс ContainerBase в Layout, потому что по смыслу больше подходит Пока неизвестна судьба классов TextContainer и Container, потому что это частные случаи класса ContainerBase Скорее всего будет переименован класс InputManager в Input (возможно, но скорее всего нет, встрою в него плагин DK_Full_Input) Сейчас перелапачиваю документацию, чтобы она отображалась правильно в онлайн версии P. S. До релиза плагина я волен менять названия классов ^_^ |
|
|
Дневник разработчика DK 7 года 8 мес. назад #97049
|
|
|
Дневник разработчика DK 7 года 8 мес. назад #97155
|
|
|
Дневник разработчика DK 7 года 8 мес. назад #97323
|
|
|
Дневник разработчика DK 7 года 8 мес. назад #97390
|
Последние изменения, которые я внес:
Вынес перевод текста на разные языки в отдельный DKTools.json файл. Теперь в нем хранится локализация различных строк. Тоже самое будет с остальными плагинами. Скорее всего, при регистрации вашего или любого другого плагина в менеджере плагинов (DKTools.PluginManager) будет осуществляться попытка загрузки локализации для него (json файл с именем плагина, который регистрируется). Файл обязателен только в тех плагинах, в которых я или любой другой автор предусмотрел локализацию. Плюс такого подхода в том, что не придется перенастраивать локализацию при обновлении файла. Также были убраны некоторые alpha и beta функции до лучших времен. Надеюсь, что релиз версии 0.97 на этой неделе P.S. Сейчас использовании локализации выглядит следующим образом: ВНИМАНИЕ: Спойлер! |
|
|
Дневник разработчика DK 7 года 7 мес. назад #97505
|
|
|
Дневник разработчика DK 7 года 5 мес. назад #98318
|
|
|
Дневник разработчика DK 7 года 5 мес. назад #98412
|
Еще немного о последних изменениях, связанных с версией мейкера 1.5
Локализация Новый менеджер плагинов позволяет реализовать локализацию внутри мейкера. Больше не придется лезть внутрь плагина, читать сложные инструкции и редактировать файлы. Отныне все будет происходить в программе. Пример реализации локализации для Game Time: ВНИМАНИЕ: Спойлер! Такой подход позволит добавить неограниченное количество языков. В связи с этим разрабатывается новый класс для DKTools, который называется ParameterManager. Этот менеджер будет отвечать за работу с параметрами плагинами. Пример использования для Game Time: var GameTimeParam = new DKTools.ParameterManager('DKTools_Game_Time');Также реализован специальный алгоритм конвертации локализации текста. Как выглядит объект до конвертации: [
{
Locale: 'ru',
Data: данные
},
{
Locale: 'en',
Data: данные
}
]{
ru: данные,
en: данные
}Данный алгоритм работает по ключам Locale и Data. Пока эта функция находится в бета тестировании и наверняка будет дорабатываться. Это повышает удобство использования данных в коде, ведь теперь можно обратиться к нужным данным, указав в виде ключа локаль игры. Также менеджер плагинов имеет одну функцию, называемую get, которая принимает 2 параметра: parameterName, item (опциональный) Функция возвращает параметр по его имени. Item используется для объектов или массивов. Вы можете указать ключ или индекс, и функция вернет конкретный элемент параметра. Также функция автоматически распознает какой тип параметра нужно вернуть: либо просто параметр, либо локализованный. Таким образом, разработчику не нужно задумываться о локализации. Пример использования: ВНИМАНИЕ: Спойлер! |
|
|
