ru:guide:styling

Внешний вид игры

Если кратко, то ваша игра на Salet может выглядеть как вам вздумается. Вот полный список предположений, которые Salet имеет о вашей игре:

  • Игра происходит внутри контейнера #page. Всё, что находится вне #page - неигровые элементы.
  • В интерфейсе может быть единственная кнопка сохранения игры, у которой выставлен ID save.
  • В интерфейсе может быть единственная кнопка загрузки игры, у которой выставлен ID load.
  • В интерфейсе может быть единственная кнопка рестарта игры, у которой выставлен ID erase.
  • Текст игры находится внутри контейнера #content
  • В интерфейсе может быть блок #ways, в котором перечислены доступные для перемещения комнаты.
  • В интерфейсе может быть блок #ways_hint, в котором есть текст-подсказка для блока перемещения.

Каждое предположение, в котором есть "может быть", необязательно. Например, вы можете скрыть кнопку сохранения игры, потому что в Salet есть автосохранение.

Оформление вашей игры — это классический дизайн веб-страниц. У вас есть HTML страница, и вы решаете, как она будет выглядеть. Но в демо-игре есть хороший вариант веб-дизайна, который вы можете отредактировать на свой вкус.

Дизайн демо-игры сделан на фреймворке Bootstrap, из которого взято только необходимое. Стили страницы написаны на языке SASS, который компилируется в язык стилей CSS.

В файле sass/_variables.scss вы можете отредактировать цвета страницы — например, переменная $body-bg отвечает за фон страницы.

В файле sass/main.scss вы можете отключить ненужные вам модули Bootstrap или наоборот, подключить другие через конструкцию подключения файлов @import.

  • ru/guide/styling.txt
  • Последнее изменение: 2021/01/24 10:42
  • 127.0.0.1