Инструменты пользователя
fajl_shablona_igry_v_quest_navigator
Различия
Здесь показаны различия между двумя версиями данной страницы.
| Both sides previous revision Предыдущая версия Следущая версия | Предыдущая версия | ||
|
fajl_shablona_igry_v_quest_navigator [2013/10/02 20:33] newsash |
— (текущий) | ||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| - | __**Данная статья является попыткой разобраться в особенностях написания игр для Quest Navigator и не претендует на достоверность до проверки разработчиком.\\ | ||
| - | Данная статья написана как удобно её автору, в дальнейшем нужно будет её преобразовать к более удобоваримому и строгому виду.\\ | ||
| - | Поскольку у автора статьи только начальные сведения о html, я бы на вашем месте не доверял в ней написанному :)**__ | ||
| - | __//Файл шаблона рассмотрен на примере gameAwesomium.htm из одной из работающих игр .//__ | ||
| - | |||
| - | ==== Заглоловок (head) страницы ==== | ||
| - | |||
| - | <code html5> | ||
| - | <head> | ||
| - | <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| - | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> | ||
| - | <meta name="apple-mobile-web-app-capable" content="yes"> | ||
| - | <meta name="apple-mobile-web-app-status-bar-style" content="black"> | ||
| - | <meta name="format-detection" content="telephone=no"> | ||
| - | <link type="text/css" href="../standalone_content/folder/game.css" rel="stylesheet" /> | ||
| - | <script type="text/javascript" src="../qsplib/js/core.js"></script> | ||
| - | <script type="text/javascript" src="../qsplib/js/coreAwesomium.js"></script> | ||
| - | <script type="text/javascript" src="../qsplib/js/QspLibAwesomium.js"></script> | ||
| - | <script type="text/javascript" src="../qsplib/js/api.js"></script> | ||
| - | <script type="text/javascript" src="../standalone_content/folder/js/game.js"></script> | ||
| - | <script type="text/javascript"> | ||
| - | $(document).ready(function(){ | ||
| - | qspInitApi(); | ||
| - | }); | ||
| - | </script> | ||
| - | </head> | ||
| - | </code> | ||
| - | |||
| - | Я не буду разбирать каждую строчку, т.к. это излишне и я сам многого не понимаю. Нас интересуют только следующие строчки: | ||
| - | <code html5> | ||
| - | <link type="text/css" href="../standalone_content/folder/game.css" rel="stylesheet" /> | ||
| - | <script type="text/javascript" src="../standalone_content/folder/js/game.js"></script> | ||
| - | </code> | ||
| - | В первой строке адрес [[fajl_css_igry_v_quest_navigator|файла стилей (CSS)]] игры. Во второй адрес [[fajl_js_igry_v_quest_navigator|файла JavaScript]] игры. Нужно следить, чтобы эти адреса соответствовали действительности. В данном примере файл //game.css// лежит по адресу //folder/game.css//, а файл //game.js// лежит по адресу //folder/js/game.js// относительно папки //standalone_content//. | ||
| - | ==== Тело (body) страницы ==== | ||
| - | |||
| - | А вот в структуре body без участия разработчика разобраться будет сложно. По моему мнению здесь стоило бы вставить табличку соответствия id<->назначение, а потом примеры популярных конструкций. | ||
| - | |||
| - | <div id="qsp-main">Пример использования id</div> | ||
| - | <div class="qsp-center">Пример использования class</div> | ||
| - | |||
| - | Таблица id, используемых QSP Navigator'ом: | ||
| - | ^id^Назначение^ | ||
| - | |qsp-js-sandbox|Не добавлять в body ((Генерируется автоматически)), служебный ((используется для выполнения команды EXEC))| | ||
| - | |qsp-back-image|Контейнер для фонового изображения| | ||
| - | |qsp-wrapper-main, qsp-scroller-main, qsp-main|Контейнер для описания локации| | ||
| - | |qsp-wrapper-acts, qsp-scroller-acts, qsp-acts|Контейнер для списка действий локации| | ||
| - | |qsp-wrapper-objs, qsp-scroller-objs, qsp-inv|Контейнер для инвентаря| | ||
| - | |qsp-wrapper-vars, qsp-scroller-vars, qsp-vars|Контейнер для дополнительного описания| | ||
| - | |qsp-dialog-view| | | ||
| - | |qsp-dialog-view-image-container|Контейнер для картинки локации| | ||
| - | |qsp-wrapper-msg| | | ||
| - | |qsp-scroller-msg| | | ||
| - | |qsp-dialog-msg| | | ||
| - | |qsp-dialog-msg-content|Контейнер для диалоговых окон| | ||
| - | |qsp-dialog-error| | | ||
| - | |qsp-dialog-error-content|Контейнер для ошибок| | ||
| - | |qsp-dialog-user-menu| | | ||
| - | |qsp-dialog-input|Контейнер диалога ввода| | ||
| - | |qsp-dialog-input-content|Текст приглашения для ввода| | ||
| - | |qsp-dialog-input-text|Поле для ввода текста| | ||
| - | |qsp-button-input-ok|Кнопка подтверждения ввода текста| | ||
| - | |qsp-dialog-system-menu| | | ||
| - | |qsp-dialog-save-slots| | | ||
| - | |qsp-dialog-save-slots-container| | | ||
| - | |qsp-input-line input| ??? | | ||
| - | |||
| - | ^class^Назначение^ | ||
| - | |qsp-center |автоматическое выравнивание по центру экрана| | ||
| - | |qsp-skin-overlay|оверлей для системного меню (system-menu)| | ||
| - | |qsp-skin-dialog| | | ||
| - | |qsp-save-slot-enabled|Не добавлять в body((Генерируется автоматически))| | ||
| - | |qsp-save-slot-disabled|Не добавлять в body((Генерируется автоматически))| | ||
| - | |qsp-user-menu-item|Не добавлять в body((Генерируется автоматически))| | ||
| - | |qsp-action|Не добавлять в body((Генерируется автоматически))| | ||
| - | |qsp-skin-button|Не добавлять в body((Генерируется автоматически)). Используется для action и save-slot| | ||
| - | |qsp-object|Не добавлять в body((Генерируется автоматически))| | ||
fajl_shablona_igry_v_quest_navigator.1380745987.txt.gz · Последние изменения: 2013/10/03 00:33 (внешнее изменение)