- Вывод текста
- Программирование
- Оформление
- Расширенные возможности
- Нюансы написания игр под разные плееры
-
- x AeroQSP
- Утилиты и средства разработки
Инструменты пользователя
Боковая панель
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 относительно папки standalone_content, а файл game.js лежит по адресу folder/js/game.js относительно папки standalone_content.
Тело (body) страницы
А вот в структуре body без участия разработчика разобраться будет сложно. По моему мнению здесь стоило бы вставить табличку соответствия id↔назначение, а потом примеры популярных конструкций.
<div id="qsp-main">Пример использования id</div>
| id | Назначение |
|---|---|
| qsp-js-sandbox | Не нужно помещать в body, генерируется автоматически, используется для выполнения команды EXEC |
| qsp-back-image | Контейнер для фонового изображения |
| qsp-wrapper-main | |
| qsp-scroller-main | |
| qsp-main | Контейнер для описания локации |
| qsp-dialog-view | |
| qsp-dialog-view-image-container | Контейнер для картинки локации |
| qsp-acts | Контейнер для списка действий локации |
| qsp-wrapper-objs | |
| qsp-scroller-objs | |
| qsp-inv | Контейнер для инвентаря |
| qsp-wrapper-vars | |
| qsp-scroller-vars | |
| qsp-vars | Контейнер для дополнительного описания |
| qsp-wrapper-msg | |
| qsp-scroller-msg | |
| qsp-msg | А может оно и не используется, нужно проверить11111111111 |
| 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 | |
| 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.1379951378.txt.gz · Последние изменения: 2013/09/23 19:49 (внешнее изменение)