Добавлен , опубликован
Раздел:
Основы
Вступление
19.08.15

Я уже давно пилю загрузочные экраны и это не единственная моя работа для WarC, но недавно меня попросили запилить экран для проекта История Джайны. Я никогда раньше не пытался публиковать свои работы просто они получались не совсем такими как я их задумывал, но мои друзья сказали что это довольно сносно, и всё же я решился опубликовать.
Сам экран представляет собой изображение Иллидана смотрящего на один из людских городов.
старые работы

Поствступление.

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

Принцип создания и Процесс импорта.

Если кто нибудь из вас имел удовольствие шариться в mpq архивах, то вы скорее всего замечали папку с загрузочными экранами UI\Glues\Loading\Backgrounds\...множество директорий. Все они разделены на четыре составляющие 512 на 512 (x2) и 512 на 256 (x2) пикселей. Позже при загрузке карты они соответствующим образом деформируются и растягиваются относительно нашего расширения экрана.
К слову. Почему просто нельзя импортировать целое изображение. Всё просто, там задано максимальное расширение для файла импорта не помню но где-то 800 на 600, что разумеется очень убого будет выглядить. Данный ниже метод импортирования позволяет запихнуть изображение без сжатия.
Для удобства нужно создать изображение 1024 на 768 пикселей.

Четыре файла: BotLeft; TopLeft; BotRight; TopRight.
Top -верх. Bot - низ. Left- лево. Right - право.
После создания изображения его нужно разбить.
Все с индексом Top режутся 512 на 512 от соответствующих боков.
Все с индексом Bot режутся 512 на 256 от соответствующих боков.

После присвоения индексов дописываем имя "Generic-Loading- без пробелов индекс".
Получаются такие четыре файла. Импортируем их в WarC под путями " UI\Glues\Loading\Load-Generic\ "

Как видите, весят они довольно прилично, так что такие экраны очень туго подходят для мультиплеера.

Осталось только поменять экран загрузки на стандартный, и экран готов.
Люди! Пытайтесь избегать цветовой коррекции вашего экрана с помощью фотофильтров в фотошопе. При показе в WarC используются упрощённые цвета и такие фильтры не будут видны.

ps
К сожалению, при изменении расширения экрана, загрузочный экран меняется соответствующе.

Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
0
12
9 лет назад
0
Melissa:
Хотя есть ещё 1 возможное "но" - вроде оговаривалось что-то вроде "варик ужимает текстуры больше чем 512*512 до 512*512" если это так, то вполне возможно, что тут он то же самое вытворяет.
я говорю же, что экран в примере он не лучше выглядит. просто на сайте он показан в уменьшенном размере.
я про твою ссылку
0
24
9 лет назад
0
Знач таг.
Я взял картинку 1600*1200 щас и сжал её до 1024*1024. Вроде бы всё окай.
Скинь свою исходную картинку или карту
Reach:
я говорю же, что экран в примере он не лучше выглядит. просто на сайте он показан в уменьшенном размере.
Я разве что-то насчёт лучше говорил? 8-/ Там картинка 512*512 в карте, конечно она не больно-то качественная
0
12
9 лет назад
0
1024*768
Загруженные файлы
1
24
9 лет назад
Отредактирован Melissa
1
Вообщем для лучшего качества можно и меньшую с большей уравнять. Я прост всегда ориентируюсь на вес поменьше, так что слова "не наоборот" можно убрать. Вот сравнение короче, 1 рисунок - растянут до 1024*1024, второй - уменьшен до 768*768, решайте сами кого как больше устраивает.
Разница в весе - 1736кб против 1050 кб
Загруженные файлы
0
12
9 лет назад
Отредактирован pas logique
0
Melissa:
Вообщем для лучшего качества можно и меньшую с большей уравнять. Я прост всегда ориентируюсь на вес поменьше, так что слова "не наоборот" можно убрать. Вот сравнение короче, 1 рисунок - растянут до 1024*1024, второй - уменьшен до 768*768.
почему меня нельзя было с первого раза послушать ?
Reach:
Melissa: увы, но нет.
Падает качество, выглядит размыто, хотя конвертировал со 100% качества. И в файле нету красной загрузочной полосы.
Сам экран примера выглядит не лучше. Просто на сайте он в уменьшенном размере.
Качество всё равно падает. У моего же способа оно сохраняется более лучше.
0
24
9 лет назад
Отредактирован Melissa
0
Качество всё равно падает. У моего же оно более лучше.
Cразу бы карту прикрепил в тему. Любите же усложнять всё. Я хочу заскринить оба варианта - по старому способу с 4 кусочками и 1 файлом с 1024*1024.
Проверил. Вообщем вердикт печальный - ужимаются текстурки. Изображение стало мыльнее, а на линиях появились "рёбра". Эксперты считают, что текстура ужалась до меньшего размера(512*512 предположительно) и без вариантов.
Причём я ни фига не пойму, с фига ли разница тогда выплыла между 1024*1024 и 768*768. Ну, да не так важно -_-

Ну зато 512*512 лоадскрин занимает всего 150-700(у меня в среднем 238 кб скрины занимают) кб в зависимости от качества и это не ударит по весу и мультиплееру.
А самое главное - не нужно делить картинку, импортировать 4 осточертелых файла и прописывать каждому путь, который запомнишь далеко не с 1 раза.
0
12
9 лет назад
Отредактирован pas logique
0
Melissa: я не пойму, ты мою проверил или "свою". ? где линии, где рёбра... где текстуры ужимаются... у меня рёбер никаких нет, и качество страдает не так сильно.
0
24
9 лет назад
0
Reach, я не знаю как тебе ещё по другому объяснить, что я выше написал.
Melissa:
оба варианта - по старому способу с 4 кусочками и 1 файлом с 1024*1024
ужимаются текстурки. Изображение стало мыльнее, а на линиях появились "рёбра". Эксперты считают, что текстура ужалась до меньшего размера(512*512 предположительно) и без вариантов.
относится к варианту "1 файлом". Как и можно было догадаться из ленты ответов.~Melissa:
Хотя есть ещё 1 возможное "но" - вроде оговаривалось что-то вроде "варик ужимает текстуры больше чем 512*512 до 512*512" если это так, то вполне возможно, что тут он то же самое вытворяет.
0
12
9 лет назад
Отредактирован pas logique
0
Melissa: нет нет, я понять не могу в каком ты месте нашёл в моём способе "рёбра". И с чего вы взяли что при таком способе текстуры ужимаются, когда они наоборот растягиваются?
0
25
9 лет назад
0
Reach, растягиваются модели. А текстуры падают в качестве независимо от этого из-за движка. Чего сложного?
0
12
9 лет назад
0
Nosferoh:
Reach, растягиваются модели. А текстуры падают в качестве независимо от этого из-за движка. Чего сложного?
а вы не думали вообще, зачем близзам требовалось разбивать экраны?
то что так тупо искажение меньше. я ведь приводил примеры выше. на что мне ответили, что в моём способе как недостаток- это рёбра.
в каком месте то они?
Показан только небольшой набор комментариев вокруг указанного. Перейти к актуальным.
Чтобы оставить комментарий, пожалуйста, войдите на сайт.