рис. 1

Итак, как я и рекомендовал - создаем задний фон для нашего гуи, он нужен чтобы гуи не просвечивал и за ним не было видно модели, на которую вы ложите этот гуи.
Создав WindowDef щелкните по нему правой кнопкой в окне Navigator и выбирите в списке пункт Properties... (То бишь свойства), так же можно нажать Alt + Enter - это приведет к тому же результату - откроется окно свойств этого элемента.
В этом окне есть 4 вкладки : General, Image, Text, Keys.

Вкладка General:

На этой вкладке можно сменить имя компонента в поле "Name:" с unnamed на нечто более вразумительное, настоятельно рекомендую всегда давать объектам осмысленные имена, если в дальнейшем вы планируете использовать их для какаих либо скриптовых событий в гуи.

Поле "Type:" Трогать не стоит, там обозначен класс объекта.

Так же в группе "States" имеются галочки :

Visible - указывает будет ли данный WindowDef виден.
NoEvents - указывает будут ли обрабатываться скриптовые события в этом WindowDef. (Если он содержит скрипт, но NoEvents выставлен в 1, то скрипт не будет обрабатываться (то бишь работать xD ).
NoTime - Параметр нужный при использовании элемента в качестве таймера. Если галочки нет - то отсчет времени в нем начинается сразу при загрузке карты, если же галочка стоит - отсчет времени начнется только после того, как в скрипте самого гуи будет командой запущен таймер.
NoClip - Не использовал, так что инфы нет.
NoCursor - Показывает, будет ли виден курсор при наведении мыши на этот элемент.

Отредактировано jONNY[ReWIRE] (17-02-2011 00:27:17)

Вкладка Text:

Ну тут все предельно ясно, это - текст.

Ставьте галочку на "Text:" и в поле ниже вводите текст, который хотите видеть в этом компоненте.

Раскрывающийся список "Font:" особой погоды тоже не играет, так как в нем всего 1 шрифт - текущий.
В поле "Scale:" обозначен размер шрифта. Размер надо вводить с клавиатуры, например поставьте курсор в это поле и введите 0.5 и размер шрифта уменьшится в 2 раза.
"Color:" задает цвет и прозрачность текста.
"Alignment:" - указывает расположение текста внутри элемента, Left - слева направо, Center - по центру, Right - Справа налево.
"X:" и "Y:" - смещения текста по осям на указанные единицы.
Галочка "NoWrap" - Если стоит - то запрещается автоматический перенос текста на следующую сроку.

Итак, теперь мы знаем что это за вкладки в меню Properties и умеем делать все базовые операции с оформлением гуи. Так же, у нас уже есть WidowDef с заданным задним черным фоном ( я дал ему имя Back, как видно на рисунке). Теперь мы должны растянуть его по всему гуи. Делаем.

Все. Фон готов. Теперь займемся смысловым наполнением нашего гуи.

Отредактировано jONNY[ReWIRE] (17-02-2011 06:38:05)

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

Чтож, сделать это можно нажав Ctrl + T , или же зайти в меню Tools и выбрать там пункт "Viewer". Так как это новый гуи, перед тем как запустить просмотр, редактор попросит вас сперва сохранить гуи. Сохраняем в любое место. После сохранения мы получаем то, чего так хотели - открывается миниатюрный просмотровщик гуи, в нем можно видеть, как будет работать гуи, находясь на карте.

Кстати в появившемся окне есть кнопка паузы, ей можно остановить анимацию гуи, если таковое желание у вас возникнет. Чтобы закрыть окно просмотра, закройте его через кнопку "х" в правом вернем углу окошка.

Отредактировано jONNY[ReWIRE] (17-02-2011 07:15:35)

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

Итак начнем с простенького.

Тут я перечислю ряд команд, которые можно использовать в гуи:
Все их нужно вписывать в скрипт нашего гуи, чтобы туда попасть - выделяем какой либо объект ( тот что будет активировать нужные нам действия) и в окне Navigator щелкая по нему правой кнопкой выбираем пункт "Script..." или же жмем Ctrl + Enter.

Отредактировано jONNY[ReWIRE] (17-02-2011 17:08:09)

Итак, пояснения:
В событие OnAction{} мы пишем все что должно происходить при нажатии на элемент, в OnMouseEnter {} - все что должно происходить при наведении курсора на элемент, в OnMouseExit {} - все что произойдет когда вы отведете курсор от элемента.

Set "texturka::visible" "0"; - задает видимость (::visible) для элемента (texturka - то есть для самого себя) в "0"; - что означает что объект должен исчезнуть, 1 - появиться.

И самое интересное для вас )))
Это - transition - команда перехода. Ее можно использовать для множества целей, например для смены цвета картинки, как тут в примере, или же для смены положения элемента в гуи (передвинуть его вверх, вниз, вправо, влево, влево-вниз и т.д.), ну или для плавной смены цвета текста, или для того, чтобы заставить надпись мигать. Итак, опишу что есть что:

transition "имя элемента, в нашем случае texturka::параметр, который надо изменить, в нашем случае - matcolor" "начальный параметр" "параметр в который надо изменить" "время, за которое должен произойти переход, 1 секунда равна 1000";

Ну вот вроде и все. Теперь вы знаете как скрывать/показывать объекты и как делать плавные переходы.

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

Для этого нам понадобится создать таймер. Чтож, так создадим же его!
Создайте WindowDef и в свойтвах во вкладке General замените ему имя на "Timer", так же снимите галочку с "Visible", сделав его невидимым и поставьте галочку на "NoTime", что означает что таймер запустится только когда будет вручную затриггерен из скрипта. Все, подготовка таймера завершена, закройте окно свойств, нажав "ОК".

Теперь нам нужно выделить наш объект "Timer" в окне Navigator и щелкнув по нему правой кнопкой мыши выбрать "Scripts...".
И ввести вот это:

OnTime 3000 // Означает что через 3 секунды после запуска таймера произойдет событие указанное внутри.
{
      set "texturka::visible" "1";
}

Все, таймер готов.

Теперь нужно добавить скрипт, который запустит созданный нами таймер. Добавляем его в скрипт нашего значка, ведь щелкая по нему мы его скрываем, и тут же запускаем таймер, который снова покажет его через 3 секунды.

В итоге скрипт значка будет выглядеть так (добавленные строки выделены):

onAction
{
       set "cmd" "activate ; play guisounds_action" ;
       set "texturka::visible" "0";
       resetTime "Timer" "0";  // resetTime означает, что нужно задать объекту определенное время, "Timer" - указывает какому объекту задают время, "0" - указывается время с которого должен пойти таймер, если например тут заместо нуля ввести 1000, то отсчет пойдет не с нуля, а с 1ой секнды, и промежуток между нажатием и появлением будет не 3, а уже 2 секунды.
}

onMouseEnter
{
transition "texturka::matcolor" "0,0.50196081,0.25098041,1" "0.50196081,0.50196081,0.50196081,1" "400";
}

onMouseExit
{
transition "texturka::matcolor" "0.50196081,0.50196081,0.50196081,1" "0,0.50196081,0.25098041,1" "400";
}

Готово. Теперь после нажатия на значок он будет постоянно появляться через 3 секунды после нажатия.

Затем создаете еще 1 WindowDef, так же растягиваете его по всей области гуи, и текстурой ему назначаете вот это "guis/assets/common/outershadow", можете назвать его OS.

Потом снова, точно так же создаете еще 1 WindowDef и растянув по всей площади гуи, назначаете ему текстуру "gui/glow", даете ему имя Glow и выбираете ему темно-темно зеленый цвет и задаете ему прозрачность в 60 %. После этого вам нужно будет отправить его на задний план комбинацией клавиш "Ctrl + [" (жмите до тех пор, пока он не займет место между компонентами Black и Title).

После этого снова создаете WindowDef, растягиваете как и раньше, и задаете текстуру "guis/assets/common/dirt2", цвет не задаете, имя укажите как Dirt.

И наконец создаем последний WindowDef, полностью повторяем все действия, текстурой назначаем "guis/assets/common/dirt3", даем имя Dirt2.

Готово.

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

Статью не поленился написать jONNY[ReWire]