specification.html

<ul>
  <li>Название сайта: <b>Пиксель Хантер</b>.</li>
  <li>Описание: Пиксель Хантер — онлайн-игра в которой игроку предлагается отличать фотографии от фотореалистичных изображений.</li>
  </ul>
<hr>

<h3 class="m-t-2 m-b-2">Описание функциональности</h3>
<h4 class="m-t-2 m-b-2">1. Экраны приложения</h4>
<ul>
  <li id="pixel-hunter-1-1"><a href="#pixel-hunter-1-1">1.1.</a> Приложение состоит из нескольких последовательно переключающихся экранов. В ходе игры пользователь переходит от первого экрана к последнему.</li>
  <li id="pixel-hunter-1-2"><a href="#pixel-hunter-1-2">1.2.</a> Часть экранов отвечает за игровой процесс: экран начала игры, где пользователь вводит своё имя, и экран игрового шага.</li>
  <li id="pixel-hunter-1-3"><a href="#pixel-hunter-1-3">1.3.</a> Другая часть экранов отвечает за вспомогательные сценарии, такие как сравнение результатов игрока с его предыдущими играми.</li>
</ul>

<h4 class="m-t-2 m-b-2">2. Экран загрузки</h4>
<ul>
  <li id="pixel-hunter-2-1"><a href="#pixel-hunter-2-1">2.1.</a> Экран загрузки показывает приветственное Лого и загружает данные для новой игры. При нажатии на красную <code>*</code> (звёздочку) происходит переход на следующий экран.</li>
</ul>
<h5 class="m-l-2">Дополнительно</h5>
<ul>
  <li id="pixel-hunter-2-2"><a href="#pixel-hunter-2-2">2.2.</a> Сначала должны загрузиться все изображения, которые будут показаны в процессе игры. В течение их загрузки пользователь видит экран загрузки.</li>
  <li id="pixel-hunter-2-3"><a href="#pixel-hunter-2-3">2.3.</a> После завершения загрузки всех изображений автоматически совершается переход к приветственному экрану (без нажатия на <code>*</code> (звёздочку)).</li>
  <li id="guess-melody-2-4"><a href="#guess-melody-2-4">2.4.</a> Если во время загрузки игры, статистики или изображений возникают ошибки, то эти ошибки отображаются в специальном окне с ошибками.</li>
</ul>

<h4 class="m-t-2 m-b-2" id="pixel-hunter-3">3. Приветственный экран</h4>
<ul>
  <li id="pixel-hunter-3-1"><a href="#pixel-hunter-3-1">3.1.</a> Приветственный экран содержит краткие правила игры. После ознакомления пользователь переходит на экран начала игры.</li>
</ul>
<h5 class="m-l-2">Дополнительно</h5>
<ul>
  <li id="pixel-hunter-3-2"><a href="#pixel-hunter-3-2">3.2.</a> Переход на этот экран осуществляется кроссфейдом: пока фон предыдущего экрана плавно скрывается, фон этого экрана плавно показывается.</li>
</ul>

<h4 class="m-t-2 m-b-2">4. Начало игры</h4>
<ul>
  <li id="pixel-hunter-4-1"><a href="#pixel-hunter-4-1">4.1.</a> Перед тем как начать игру пользователь ещё раз читает правила, на этот раз более подробные, и вводит своё имя. После нажатия на кнопку <code>Go</code>, начинается сама игра.</li>
  <li id="pixel-hunter-4-2"><a href="#pixel-hunter-4-2">4.2.</a> Начиная с этого экрана в левом верхнем углу страницы появляется ссылка на <a href="#pixel-hunter-3">приветственный экран</a>. Нажатие на эту ссылку возвращает пользователя на этот экран. Если в этот момент была запущена игра, пользователю сначала показывается диалоговое окно с предупреждением, что вся его игра будет потеряна.</li>
  <li id="pixel-hunter-4-3"><a href="#pixel-hunter-4-3">4.3.</a> При повторе игры должны использоваться те же самые вопросы и картинки, что были загружены во время старта игры.</li>
</ul>

<h4 class="m-t-2 m-b-2">5. Игровые экраны</h4>
<ul>
  <li id="pixel-hunter-5-1"><a href="#pixel-hunter-5-1">5.1.</a> В течение игры пользователь видит поочерёдно 10 игровых экранов.</li>
  <li id="pixel-hunter-5-2"><a href="#pixel-hunter-5-2">5.2.</a> По ходу игры, пользователю нужно ответить на все предложенные ему вопросы. Ошибиться можно трижды за всю игру. Четвёртая ошибка приводит к окончанию игры.</li>
  <li id="pixel-hunter-5-3"><a href="#pixel-hunter-5-3">5.3.</a> Количество возможных ошибок показывается в правом верхнем углу по ходу игры.</li>
  <li id="pixel-hunter-5-4"><a href="#pixel-hunter-5-4">5.4.</a> Время, отведённое на каждый из ответов ограничено 30 секундами. Если игрок не успевает ответить на вопрос за отведённое времени, за этот ответ ему засчитывается ошибка и происходит переход к следующему шагу.</li>
  <li id="pixel-hunter-5-5"><a href="#pixel-hunter-5-5">5.5.</a> Оставшееся время показывается индикатором в верхней части экрана.</li>
  <li id="pixel-hunter-5-6"><a href="#pixel-hunter-5-6">5.6.</a> Когда у пользователя остаётся 5 секунд на ответ, индикатор начинает мигать.</li>
</ul>

<h5 class="m-l-2">Виды игровых экранов</h5>
<ul>
  <li id="pixel-hunter-5-7"><a href="#pixel-hunter-5-7">5.7.</a> <b>Два изображения:</b>
    <ul>
      <li>Для каждого из изображений пользователь должен указать картина это или фотография.</li>
      <li>Переход к следующему шагу осуществляется после того, как будут указаны типы для обоих изображений.</li>
      <li>Правильный ответ засчитывается, если верно указаны оба типа для всех изображений.</li>
      <li>Ошибка хотя бы в одном из вариантов приводит к неправильному ответу.</li>
    </ul>
  </li>
  <li id="pixel-hunter-5-8"><a href="#pixel-hunter-5-8">5.8.</a> <b>Одно изображение:</b> в этом режиме пользователь должен определить картина это или фотография.</li>
  <li id="pixel-hunter-5-9"><a href="#pixel-hunter-5-9">5.9.</a> <b>Три изображения:</b> пользователю показывается три изображения, из которых ему нужно выбрать одно по определённому принципу — либо из трёх изображений нужно выбрать единственную фотографию, либо единственную картину.</li>
</ul>

<h5 class="m-l-2">Виды ответов</h5>
<ul>
  <li id="pixel-hunter-5-10"><a href="#pixel-hunter-5-10">5.10.</a> Снизу, на игровом экране показан индикатор прохождения игры. Каждый из ответов кодируется определённым символом и означает свой вид ответа:
    <ul>
      <li>Если игрок ещё не ответил на вопрос, отображается серый индикатор.</li>
      <li>Правильно отвеченный вопрос отмечается зелёным цветом.</li>
      <li>Если пользователь отвечает на вопрос быстрее чем за 10 секунд, ответ считается быстрым (индикатор правильного ответа с иконкой молнии).</li>
      <li>Если ответ на вопрос занял дольше 20 секунд, такой ответ считается медленным (индикатор правильного ответа с иконкой черепахи).</li>
      <li>Неправильно отвеченный вопрос отображается чёрным индикатором.</li>
    </ul>
  </li>
</ul>

<h5 class="m-l-2">Дополнительно</h5>
<ul>
  <li id="pixel-hunter-5-11"><a href="#pixel-hunter-5-11">5.11.</a> Реализуйте механизм корректного кадрирования изображений. Таким образом, что изображение всегда должно быть корректно вписано в прямоугольный блок контейнера с сохранением пропорций и без обрезки контента.</li>
  <li id="pixel-hunter-5-12"><a href="#pixel-hunter-5-12">5.12.</a> Реализуйте механизм отладки. Таким образом, что открыв приложение в режиме отладки можно увидеть визуально правильные ответы, чтобы было проще проверять работу приложения.</li>
</ul>

<h4 class="m-t-2 m-b-2">6. Экран с результатами</h4>
<ul>
  <li id="pixel-hunter-6-1"><a href="#pixel-hunter-6-1">6.1.</a> По ходу игры пользователю начисляются очки в зависимости от того, как он ответил на вопросы. На экране с результатами игры, показывается результат пользователя — победа или поражение и сравнение его результата с прошлыми играми.</li>
  <li id="pixel-hunter-6-2"><a href="#pixel-hunter-6-2">6.2.</a> В списке результатов показывается индикатор, аналогичный индикатору прохождения игры. Справа от индикатора показывается количество баллов, заработанное пользователем или надпись &laquo;Fail&raquo;, если он проиграл.</li>
  <li id="pixel-hunter-6-3"><a href="#pixel-hunter-6-3">6.3.</a> Под индикатором находится расшифровка, какие бонусы и штрафы пользователь получил по ходу игры: за каждый из быстрых или медленных ответов, за неиспользованные ошибки начисляется бонус или штраф.</li>
  <li id="pixel-hunter-6-4"><a href="#pixel-hunter-6-4">6.4.</a> Расчёт очков производится по следующему принципу:
    <ul>
      <li>За каждый правильный ответ даётся 100 очков.</li>
      <li>За каждый быстрый ответ дополнительно начисляется 50 очков. Таким образом, быстрый ответ приносит игроку 150 очков.</li>
      <li>За каждый медленный ответ с игрока снимается 50 очков. Таким образом, каждый медленный ответ приносит игроку 50 очков.</li>
      <li>За каждое неиспользованное право на ошибку добавляется 50 очков.</li>
    </ul>
  </li>
  <li id="pixel-hunter-6-5"><a href="#pixel-hunter-6-5">6.5.</a> В конце игры результаты пользователя отправляются на сервер для обновления результатов.</li>
  <li id="pixel-hunter-6-6"><a href="#pixel-hunter-6-6">6.6.</a> Неуспешные прохождения игры тоже сохраняются.</li>
  <li id="pixel-hunter-6-7"><a href="#pixel-hunter-6-7">6.7.</a> В левом верхнем углу страницы появляется ссылка на <a href="#pixel-hunter-3">приветственный экран</a>. Нажатие на эту ссылку возвращает пользователя на этот экран в соответствии с правилом <a href="#pixel-hunter-4-2">4.2.</a></li>
</ul>