World of Warcraft портал

Использование GIMP для редактирование карт уровней.

travers — Tue, 12 May 2015 16:49:02 GMT

Я знаю, что принято делать карты в Фотошопе. Но я последнее время где только не пытался его найти, везде после скачивания у меня начинал кричать антивирус, и блокировал его установку. Нашел бесплатную программу GIMP, про которую пишут, что она аналог Фотошоп. Но не могу разобраться в её интерфейсе. Может кто-то делала карты в GIMP?

[Урок] Добавление отображения твит-ленты на логинскрин

SwordOfTruth — Tue, 18 Feb 2014 17:05:23 GMT

Введение

Твиты на загрузочном меню позволят вам легко и быстро донести до игроков/тестеров последние новости с разработки или уведомления о предстоящих технических работах. Также использование твиттера для этих целей значительно упрощает вашему модератору заполнение новостной информации. Вам не придется давать доступ к файлам вашего веб-сайта для управления новостями.

Шаг 1. Установка скрипта на сайте.

Создайте текстовый файл с названием index.php со следующим контентом:

» Код

$arrTwet = Get_user_timeline("blizzardcs", 5);

echo "SERVERALERT:";

foreach ( $arrTwet as $twet )

{

echo "

$twet

";

}

?>

Напишите имя твиттер-аккаунта вместо слова "blizzardcs"

Поместите файл в новую директорию, например: "http://mycustomserverrocks.com/something/login/serveralertframe/"

Шаг 2. Изменения в клиенте.

Откройте файл по адресу Interface\GlueXML\GlueStrings.lua

Найдите строку SERVER_ALERT_URL и замените стандартный адрес на адрес до файла созданного на веб-сайте в шаге 1.

Сохраните изменения, добавьте файл в патч, напишите что-нибудь в твиттер и запустите игру. Готово!

В будущем планируется добавить функцию считывания твитов только с определенным тэгом, который будет скрываться. Если кому-то не сложно сделать это сейчас, запостите код и пришлите мне в ЛС или в комментарии к теме. Заранее спасибо.

Результат: (использован твиттер BlizzardCS)

http://gyazo.com/5d854550f251f83c3d3bd2df618cbb36

[Урок] Создание карты мира (WorldMap) в Photoshop

SwordOfTruth — Tue, 18 Feb 2014 16:59:01 GMT

Шаг 1:

Скачиваем .psd файл от сюда:

http://www.file-upload.net/download-6879550/MapTemplate.zip.html

И открываем его в Photoshop.

Шаг 2:

Вы увидите чистую карту с небольшим количеством вспомогательных линий на ней.

Все что нам надо сделать, это удалить вспомогательные линии. (Смотрим скриншот)

Скриншот испанский: Vista - Вид, Borrar Guias - Удалить линии.

Шаг 3:

Теперь нужно выбрать инструмент Лассо (Lasso)

Теперь нужно нарисовать ваш остров, автор выбрал букву S в качестве примера, но вы должны нарисовать тот остров, который вы сделали в Noggit. Затем щелкните по нему правой кнопкой мыши и нажмите "Копировать как слой" . Теперь, чтобы увидеть ваш остров выключите видимость у слоя.

Получаем:

Шаг 4:

Теперь необходимо выделить берег острова. Жмем правую кнопку мыши на слое и Выбрать пиксели (Select Pixels).

Затем идем: Выбрать - Изменить - Расширить (Select, Modify, Expand). Выбираем 12 пикселей. С этим значением можно поиграть (больше-меньше)

Затем выберите слой CoastLineLayer (черная иконка). Опять скопируйте остров как слой.

Если все сделано правильно - останется только остров с береговой линией 12 px.

Также автор рекомендует снизить/повысить прозрачность береговой линии.

Шаг 5:

Теперь необходимо переключиться на режим "SeeLinesLayer"

Теперь вернитесь на второй слой и выберите пиксели (Select Pixels).

Затем важно вернуться на "SeeLinesLayer" и удалить его. Удостоверьтесь то, что это именно тот слой.

Теперь необходимо слегка подтереть стеркой остатки вспомогательных линий.

И если все сделано правильно, вот результат!

[Урок] Создание своего загрузочного меню в World of Warcraft

SwordOfTruth — Tue, 18 Feb 2014 16:49:40 GMT

Всё что понадобится вам для этого урока вы сможете найти по этой ссылке:

http://filebeam.com/0e28554cf6edd06bfde58d75be3d4dc5

Установка файлов

Изменение логин меню

2.1 Фон

2.2 Музыка

2.3.1 Кнопки

2.3.2 Позиции

Добавление M2 моделей

Пример

---------------------------------------------------------------------------------------------------

1. Установка файлов

Во-первых вам понадобится извлечь файлы из архива в папку с WoW

Грац! Первый шаг готов!

2. Изменение логин меню

2.1 Фон

Для установки фона, вам нужно буделт создать .png файл размером 1024х1024 который будет иметь 75% от 1024 пикселей (768px в высоту) для того чтобы заполнить экран ввода.

Закончив с редактированием изображения, сохраните его в директории:

WoW\Interface\LoginScreen\

И назовите ваш файл:

Background.png

Теперь всё что требудется это перетащить .png файл на программу BLP Converter и удалить .png картинку из папки.

2.2 Музыка

Если вы хотите нестандартную музыку, то нужно поместить файл (.mp3 или .wav) в папку:

WoW\Interface\LoginMusic\

и назвать его:

LoginScreen

Теперь вам надо узнать продолжительность музыкального файла в секундах.

Пример.: 2:25 -> 145

Теперь откройте vx_vars_init.lua

(находится в WoW\Interface\GlueXML\)

Нахмите CTRL + F и найдите строку:

VX_MUSICTIMER = GetTime() +

и замените

Если же вы хотите поставить любую другую музыку из клиента WoW, то в строке

PlayMusic("Sound\\Music\\CityMusic\\Undercity\\undercityintro-moment.mp3");

укажите путь к файлу в .MPQ архиве.

2.3.1 Кнопки

Для кнопок, необходимо создать 6 файлов:

Код

Glues-BigButton-Up -> Нормальная кнопка

Glues-BigButton-Down -> Нажатая кнопка

Glues-BigButton-Highlight -> Кнопка, когда курсор находится над ней

Glues-Editbox-Background -> Неактивная кнопка

Glues-BigButton-Glow -> Свечение вокруг унопки

Glues-BigButton-Rays -> Пульсирующие лучи вокруг кнопки

Вам необходимо сохранить .png файлы в папке:

WoW\Interface\GLUES\COMMON\

с указаными именами и перетащите .png файлы в программу BLP Converter.

Теперь удалите оставшиеся .png файлы и мы закончили.

2.3.2 Позиции

Теперь зададим позиции кнопкам и для этого откроем файл AccountLogin.XML

в папке:

WoW\Interface\GlueXML\

Нажмите CTRL + F для поиска:

Код

name="AccountLoginAccountEdit" -> Поле имени аккаунта

name="AccountLoginPasswordEdit" -> Поле пароля

name="AccountLoginLoginButton" -> Кномка входа

name="AccountLoginExitButton" -> Кнопка выхода

name="OptionsButton" -> Кнопка опций

name="AccountLoginManageAccountButton" -> Кнопка учётной записи

name="AccountLoginCommunityButton" -> Кнопка оффииального сайта

name="AccountLoginSaveAccountNameText" -> Чекбокс "Запомнить имя учётной записи"

Для перемещения ищите текст как:

Код

С опорными точками (Аnchor point) и установите данную точку на ваше усмотрение:

"TOP" ; "BOTTOMLEFT" ; "RIGHT"; "CENTER" ; ...

И собственно оси координат AbsDimension x и y.

3. Добавление M2 моделей

Для начала откройте vx_vars_init.lua...

Строки 4-9 -- определение модели.

Модели добавляются на экран в последних трёх строках.

В строках 5-9 вносите свои настройки, комментарии думаю понятны:

Код

-- light + light direction -> свет и направление света;

-- position -> позиция на экране (x - вперёд/назад, y - влево/вправо, z - вниз/вверх);

-- rotation -> поворот (вращение)

-- scale -> размер модели;

-- alpha -> прозрачность.

(SetHeight и SetWidth используются в совокупности со scale если вы хотите каким либо образом ограничить модель (обрезать))

Если вы хоите более одной модели, то вам надо скопировать блок (4-9 строки) и заменить каждое Mod1 с скопированном блоке на Mod2 (если более 2-х, то проделать то же самое на Mod3, ...)

Ещё вам нужно будет добавить все задействованные модели в таблицу M = { }

В итоге у вас получится что то вроде:

M = {Mod<НОМЕР_МОДЕЛИ>,Mod<НОМЕР_МОДЕЛИ>,Mod<НОМЕР_МОДЕЛИ>}

Пример:

M = {Mod1,Mod2,Mod3}

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

Для поиска и устанвки модели запустим WoWModelViewer и найдём модель которая имеет только 1 скин (skin) (в противном случае мы получим абсолютно белую модель) Затем введём её полный путь во 2-ю последнюю строку с двойными обратными слэшами \\ и .m2 на конце.

PS.: Постарайтесь устанавливать координату Z+1, до тех пор пока не увидите модель.

PPS.: Запомните, что каждая модель может иметь разное примерение комманды SetPosition.

Пример: одни используют координаты x и y для перемещения в 2D поле другие используют y и z координаты.

Примеры готовых работ

[Урок] Создание миникарт (техническая часть)

SwordOfTruth — Tue, 18 Feb 2014 16:43:11 GMT

Миникарты - маленькие изображения для каждого ADT. Вместе они составляют целое изображение, представляющее собой вашу карту, сфотографированную сверху. Я объясню только техническую часть, не художественную.

Создайте изображение 256 x 256 пикселей.

Сконвертируйте BLP при помощи BLPConverter6 из папки Tools.

Назовите изображение как вашу карту + номер ADT.

MyMap2345.blp для ADT MyMap_23_45.adt

Затем поместите изображение в ваш патч по пути:

Textures\Minimap\

Извлеките файл md5translate.trs из MPQs в ту же самую директорию и откройте блокнотом.

Файл очень большой, так что его открытие займет некоторое время.

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

dir: MyMap

Это должно идти перед dir: NetherstormBG.

Вам нужно создать строку для каждого ADT, которая будет ассоциировать ваш ADT с вашим BLP.

MyMap\map23_45.blp MyMap2345.blp

Два пути должны быть разделены клавишей TAB а не пробелом.

Путь до изображения разделяется только обратным слэшем ( \ ), а не обычным (/).

Координаты ADT должны быть разделены нижним подчеркиванием.

Второй путь должен оканчиваться на .blp. И не спрашивайте почему не ADT.

Затем TAB после BLP файла.

Сохраните файл и положите все вместе в MPQ и протестируйте в игре. Летите к ADT на которое вы добавили миникарту, все должно работать.

[Урок] Создание точных изображений миникарт для WoW

SwordOfTruth — Tue, 18 Feb 2014 16:31:10 GMT

Введение

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

Создание

Самое первое, что вам нужно сделать - переключиться в 2D режим, нажав клавишу U в Noggit. Также необходимо включить сетку (F7), так как это ключевой момент всего процесса.

Используя клавиши Q и E выберите такой вид, чтобы на экране было как можно больше квадратов. Также удостоверьтесь, что ваши квадраты как минимум 256x256 пикселей в размере (на глаз), иначе ухудшится качество миникарты. Все вышеперечисленное относится к зеленым квадратам, не к красным.

Теперь сделайте скриншот, нажав сочетание клавиш Win+PrtScr; Вы получите полный скриншот рабочего стола с открытым Noggit. Вы также можете использовать специальные программы для захвата лишь части экрана (Gyazo, Clip2Net, SSMaker и др.)

Теперь нажмите F7 и сделайте такой же скриншот, только без сетки.

Повторите все тоже самое с частями карты, не вошедшими в кадр.

Найдите сохраненные изображения и откройте их в Photoshop.

Подсказка: Держите все изображения открытыми в разных окнах Photoshop. Просто перетащите одной изображение с сеткой из одной вкладки в другую с изображением без сетки, с зажатым Shift. Это автоматически установит слой.

Теперь у вас есть изображение с двумя слоями. У второго слоя есть сетка.

Теперь нужно создать направляющие. Если у вас включена линейка, вы можете просто кликнуть на нее и добавить новую направляющую, а потом перетащить ее на нужное место. Если нет, вы можете зайти в меню "Вид" и нажать кнопку "Новая направляющая". Совместите направляющую с одной из зеленых линий. Повторите тоже самое с оставшимися линиями.

Когда все линии на месте, выберите инструмент "Раскройка". Его значок выглядит как нож для бумаги. Если вы его не видите, то зажмите левый клик или нажмите правым кликом по инструменту "Обрезка", выпадет меню, где вы сможете выбрать "Раскройку". В моем Photoshop, этот инструмент прямо под инструментом "Волшебная палочка". затем найдите вот эту кнопку и нажмите ее.

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

Теперь просто отключите верхний слой, чтобы пропала сетка. Выберите функцию "Сохранить для Web" в меню "Файл". Удостоверьтесь, что вы сохраняете в том формате, который поддерживает ваш BLP Converter, чтобы не делать лишних конвертаций.

Удалите лишние изображения они вам не нужны.

После этого нужно изменить размер всех фрагментов на 256x256 пикселей, для этого можно использовать программу XnView, которая может изменять размер нескольких файлов сразу.

Теперь у вас есть множество изображений каждого .adt файла вашей карты. Вы можете добавить изображения моделей .WMO и .M2.

Подсказка: Чтобы сфотографировать модель в WoW Model Viewer выставьте камеру в положение сверху в низ, измените фон на ярко зеленый. Это поможет быстро удалить фон со скриншота при помощи инструмента "Волшебная палочка" в Photoshop.

О том как добавить эти изображения непосредственно в игру, читайте здесь:

Урок по созданию миникарт (техническая часть)