242
правки
Изменения
→Украшения
Скин игры - это такой файл с описанием того, как должен выглядеть интерпретатор FireURQ при проигрывании вашего квеста.Хочется заметить, что изменение <div style="background-color:LavenderBlush;padding:5px;border:1px solid Brown;"><font color="maroon">'''Важное замечание:'''</font> Изменение внешнего вида интерпретатора - это тема повышенной сложности. Поэтому, если вы сомневаетесь, нужны ли вам скины в вашей игре - они вам не нужны.</div>
Кроме того, чтобы понимать, о чём будет идти речь в данном разделе, нужно хорошо представлять себе, что такое язык разметки XML.
'''<decorations>
'''<image tex="res" tx="0" ty="47" width="566" height="17" posx="105" posy="29"/>
'''</decorations>
'''</main>
'''</skin>
А это скин из демо для FireURQ 1.3:
'''<?xml version="1.0" encoding="window-1251"?>
'''<skin>
'''<screen width="1024" height="768" />
'''<resources>
'''<texture name="res" file="demo_tex.png" />
'''<font name="btnfont" file="buttons_font.fnt" />
'''<font name="mnufont" file="menu_font.fnt" />
'''<buttonframe name="tbuttons" tex="res" font="btnfont" texx="0" texy="210" width="109" height="55" leftw="31" midw="10" cnormal="FF94cddb" cfocused="FFFFFFFF" />
'''</resources>
'''<splash bgcolor="FF00042c">
'''<logo tex="res" tx="0" ty="0" width="307" height="201" />
'''</splash>
'''<main bgcolor="FF00042c">
'''<textpane bframe="tbuttons" top="55" left="255" width="555" height="615" btnalign="3"/>
'''<menus font="mnufont" bgcolor="c01c79ae" bordercolor="ff60c5ff" vindent="1" textcolor="FFFFFFFF" disabledcolor="FF818181" selectioncolor="E0003f95">
'''<invbutton tex="res" tx="341" ty="10" width="55" height="55" posx="959" posy="703"/>
'''<sysbutton tex="res" tx="342" ty="80" width="60" height="60" posx="0" posy="708"/>
'''<sysmenu posx="60" posy="720" datum="lb"/>
'''</menus>
'''<decorations>
'''<image tex="res" tx="0" ty="285" width="1024" height="257" posx="0" posy="511"/>
'''</decorations>
'''</main>
*Названия тегов и параметров чувствительны к регистру.
*Стоит принять во внимание, что интерфейс игры без скина и с пустым скином (в котором есть только тег '''skin''', но внутри него ничего нет) будут отличаться. В первом случае будет загружен скин по умолчанию. Во втором - никакого скина загружено не будет и FireURQ сама создаст минимально возможный для игры интерфейс, используя значения по умолчанию, зашитые в программу.</div>
==Настройки экрана==
'''''Примечания:'''''
Учтите, что многие из элементов управления (кнопки, например) должны быть иметь прозрачные элементы для того, чтобы смотреться хорошо. Прозрачность поддерживается только для 24-битных PNG и TGA.
===Шрифты===
[[Изображение:Btn schema.png]]
==Интерфейс сохранения/загрузки. ==
Описывается тегом '''saveload''' и располагается в главном элементе '''skin'''
'''''Параметры:'''''
*'''bgcolor''' - цвет фона в шестнадцатеричном формате
*'''captioncolor''' - цвет заголовка в шестнадцатеричном формате
*'''captionfont''' - шрифт заголовка
'''''Пример:'''''
'''<saveload bgcolor="C0000000" captioncolor="FFFFBB4F" captionfont="myfont">'''
'''<buttons frame="myframe" />'''
'''</saveload>'''
Если '''myframe''' не определена, то берётся системная кнопка, которая используется обычно в игре. Если '''myfont''' не определён, берётся системный шрифт. Цвета указаны те, которые берутся по умолчанию. Для кнопок, использующихся на экране сохранения/загрузки, необходимо четыре состояния: нормальное, дизабленое, выбранное и нажатое.
Из экрана сохранения/загрузки теперь можно выйти не сохраняясь/загружаясь, а по определяемой в скине кнопке.
Параметры такие же, как у кнопок системного меню и инвентаря.
'''''Пример:'''''
'''<saveload>'''
'''...'''
'''<backbutton tex="res" tx="565" ty="106" width="50" height="50" posx="35" posy="60"/>'''
'''...'''
'''</saveload>'''
==Заставка==
Заставка (сплеш-скрин) показывается при запуске игры. Настройки заставки помещатся в теге '''splash'''. Если тег '''splash''' отсутствует в скине, то проигрывается стандартная заставка.
'''''Параметры тега''''' '''splash''':
*'''bgcolor''' - цвет фона в шеснадцатеричном формате (по умолчанию - 0)
*'''vcolor''' - цвет надписи о версии FireURQ (по умолчанию - FFEE9A00)
Внутри тега '''splash''' может помещаться тег '''logo''', с помощью которого можно заменить логотип FireURQ на изображение чего-нибудь другого.
'''''Параметры тега''''' '''logo''':
*'''tex''' - имя ресурса текстуры, на которой нарисован логотип
*'''tx''' и '''ty''' - координаты верхнего левого угла логотипа на текстуре
*'''width''' и '''height''' - ширина и высота изображения логотипа
'''''Пример:'''''
'''<splash bgcolor="FF000000" vcolor="FFEE9A00">'''
'''<logo tex="res" tx="0" ty="0" width="307" height="201" />'''
'''</splash>'''
==Основной раздел==
Основной раздел скина, описывающий интерфейс собственно проигрывателя, располагается внутри тега '''main'''. Если в скине отсутствует тег '''main''', то создаётся интерфейс по умолчанию - чёрный фон, текстовое поле занимает почти всё окно (с небольшими отступами), кнопки меню и инвентаря отсутствуют (меню и инвентарь можно вызвать только с клавиатуры), загружаются стандартные шрифты и стандартная рамка кнопок, никаких украшений.
'''''Параметры тега''''' '''main''':
*'''bgcolor''' - цвет фона в шестнадцатеричном формате (по умолчанию - 0)
===Текстовое поле===
Настройки текстового поля определяются с помощью тега '''textpane''' внутри тега '''main'''.
'''''Параметры:'''''
*'''left''' и '''top''' - координаты левого верхнего угла текстового поля в окне FireURQ (по умолчанию - 20, 10)
*'''width''' и '''height''' - ширина и высота текстового поля (по умолчанию выбираются так, чтобы правый край отставал на 20 пикселей от края окна, а нижний край - на 10 пикселов от нижнего края окна)
*'''btnalign''' - выравнивание кнопок (1 - по левому краю, 2 - по правому, 3 - по центру)
*'''btntxtalign''' - выравнивание текста на кнопках (так же, 1 - по левому краю, 2 - по правому, 3 - по центру)
'''''Пример:'''''
'''<textpane font="georgia[24]" bframe="tbuttons" top="30" left="30" width="400" height="500" btnalign="3" btntxtalign="3" />''' создаст текстовое поле со с шрифтом 24 размера типа georgia и определёнными вами кнопками по умолчанию, с координатами левого верхнего угла (2030, 30), с шириной 400 пикселов и высотой 500 пикселов, и с выравнивание текста внутри поля по центру. Внутри кнопок текст так же будет выровнен по центру.
===Меню и инвентарь===
Параметры меню описываются внутри тега '''menus'''. И системное меню, и меню инвентаря имеют единый стиль, т.е. цвета и шрифт для них одинаковые.
'''''Параметры тега''''' '''menus''':
*'''font''' - имя ресурса шрифта меню (по умолчанию - как в стандартном скине)
*'''bgcolor''' - цвет фона в шестнадцатеричном формате (по умолчанию - FFFFFFFF)
[[Изображение:Menu schema.png]]
'''''Пример:'''''
'''<menus font="myfont" bgcolor="FFFFFFFF" bordercolor="FFA0A0A0" textcolor="FF000000" selectioncolor="FF0000A0" selectedcolor="FFFFFFFF" disabledcolor="FFC0C0C0"'''
'''hindent="2" vindent="2">'''
'''</menus>'''
====Кнопки системного меню и инвентаря====
*'''width''' и '''height''' - ширина и высота кнопки
*'''posx''' и '''posy''' - координаты кнопки в окне FireURQ
'''''Пример:'''''
'''<invbutton tex="res" tx="300" ty="10" width="50" height="50" posx="500" posy="0"/>'''
'''<sysbutton tex="res" tx="400" ty="80" width="60" height="60" posx="0" posy="0"/>'''
====Позиция меню на экране====
*'''posx''' и '''posy''' - координаты одного из углов меню в окне FireURQ
*'''datum''' - указание на то, за какой, собственно, угол меню осуществляется привязка. Возможны четыре значения - '''lt''' (по умолчанию), '''lb''', '''rt''' и '''rb'''. Левый верхний, левый нижний, правый верхний и правый нижний. Привязка влияет на то, как будет открываться меню. Например, если для меню указал параметр '''lb''', то оно будет открываться "вверх" и "вправо".
'''''Пример:'''''
'''<sysmenu posx="0" posy="0" datum="lt"/>''' Системное меню будет открываться в левом верхнем углу экрана
'''<invmenu posx="800" posy="0" datum="rt"/>''' Инвентарь будет открываться в правом верхнем углу экрана,
если ширина окна игры равна 800 пикселей (по умолчанию).
===Иконки состояний===
Иконки состояний - это мигающие изображения, появляющиеся в особые моменты игры. Все описания иконок состояний размещаются внутри тега '''icons''', который в свою очередь размещается внутри тега '''main'''. При этом существуют три типа этих иконок, описывамых в тегах '''timer''' (иконка ожидания, появляется при команде ''pause''), '''anykey''' (когда игра ждёт нажатия клавиши) и '''scroll''' (когда текст локации не помещается целиком и игра ждёт нажатия клавиши, чтобы продолжить вывод текста). Каждый из этих тегов имеет следующие параметры:
'''''Параметры:'''''
Все иконки всегда появляются на экране на одном месте - в правом нижнем углу текстового поля.
'''''Пример:'''''
'''<icons>'''
'''<scroll tex="res" tx="0" ty="0" width="9" height="14" />'''
'''<timer tex="res" tx="0" ty="0" width="9" height="14" />'''
'''<anykey tex="res" tx="0" ty="0" width="9" height="14" />'''
'''</icons>'''
Этот код будет выводить одну и ту же иконку из ресурса '''res''' для всех состояний.
===Украшения===
*'''flipx''' - если равна 1, то изображение будет перевёрнуто по вертикальной оси (по умолчанию 0)
*'''flipy''' - если равна 1, то изображение будет перевёрнуто по горизонтальной оси (по умолчанию 0)
С версии 2.2 появилась возможность установить '''posz''' - слой отрисовки декоратора. По умолчанию для отрисовки используется слой чуть выше текста.
'''''Примечания:'''''
Параметры '''flipx''' и '''flipy''' удобно использовать, когда элементы оформления являются зеркальным отражением друг друга. В этом случае можно создать на текстуре одно изображение и разместить его в окне FireURQ, переворачивая по-всякому, чтобы добиться симметричного рисунка.