Документация QSP
СайтФорум

Инструменты пользователя

Инструменты сайта

Вы посетили:

Боковая панель

fajl_shablona_igry_v_quest_navigator

Это старая версия документа.

Данная статья является попыткой разобраться в особенностях написания игр для Quest Navigator и не претендует на достоверность до проверки разработчиком.
Данная статья написана как удобно её автору, в дальнейшем нужно будет её преобразовать к более удобоваримому и строгому виду.
Поскольку у автора статьи только начальные сведения о html, я бы на вашем месте не доверял в ней написанному :)

Файл шаблона рассмотрен на примере gameAwesomium.htm из одной из работающих игр .

Заглоловок (head) страницы

<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>

Я не буду разбирать каждую строчку, т.к. это излишне и я сам многого не понимаю. Нас интересуют только следующие строчки: 

<link type="text/css" href="../standalone_content/folder/game.css" rel="stylesheet" />
<script type="text/javascript" src="../standalone_content/folder/js/game.js"></script>

В первой строке адрес файла стилей (CSS) игры. Во второй адрес файла 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 1), служебный 2)
qsp-back-imageКонтейнер для фонового изображения
qsp-wrapper-main, qsp-scroller-main, qsp-mainКонтейнер для описания локации
qsp-wrapper-acts, qsp-scroller-acts, qsp-actsКонтейнер для списка действий локации3)
qsp-wrapper-objs, qsp-scroller-objs, qsp-invКонтейнер для инвентаря4)
qsp-wrapper-vars, qsp-scroller-vars, qsp-varsКонтейнер для дополнительного описания5)
qsp-input-line input Строка ввода 6) 7)
qsp-dialog-view, qsp-dialog-view-image-containerКонтейнер для просмотра картинок 8)
qsp-dialog-msg, qsp-wrapper-msg, qsp-scroller-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
classНазначение
qsp-center автоматическое выравнивание по центру экрана
qsp-skin-overlayоверлей для системного меню (system-menu)
qsp-skin-dialog
qsp-save-slot-enabledНе добавлять в body9)
qsp-save-slot-disabledНе добавлять в body10)
qsp-user-menu-itemНе добавлять в body11)
qsp-actionНе добавлять в body12)
qsp-skin-buttonНе добавлять в body13). Используется для action и save-slot
qsp-objectНе добавлять в body14)
1) , 9) , 10) , 11) , 12) , 13) , 14) Генерируется автоматически
2) используется для выполнения команды EXEC
3) см. SHOWACTS
4) см. SHOWOBJS
5) см. SHOWSTATS
6) обратите внимание - это должно быть <input class="qsp-input-line"> </input>, на данный момент поддержка этой области сильно ограничена
7) см. SHOWINPUT
8) см. VIEW
fajl_shablona_igry_v_quest_navigator.1381061312.txt.gz · Последние изменения: 2013/10/06 16:08 (внешнее изменение)

Инструменты страницы

Как писать хорошие вики-статьи Вики-синтаксис Руководство пользователя Песочница (для любого тестирования) Обсуждения