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

Эта страница только для чтения. Вы можете посмотреть исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
__**Данная статья является попыткой разобраться в особенностях написания игр для 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, генерируется автоматически|
Документация QSPСайтФорум

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

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

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

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