Введение
В предыдущей статье мы познакомились с языком сценариев ink и редактором Inky, а также разобрали, для каких задач подходит выбранный нами инструмент. Теперь пришло время перейти от теории к практике и начать работу с редактором.
В данной статье мы установим Inky и пройдёмся по основным элементам интерфейса. Это позволит подготовить рабочее окружение и уверенно ориентироваться в редакторе перед написанием собственной интерактивной истории.
Установка редактора Inky
Inky – бесплатный редактор для языка ink, доступный для Windows, macOS и Linux. Он распространяется в виде готового приложения и не требует сложной настройки.
Алгоритм установки выглядит следующим образом:
- В разделе DOWNLOAD скачайте версию Inky, соответствующую вашей операционной системе.
- Распакуйте архив и запустите приложение.
Важное замечание для пользователей Windows (возможно, актуально и для пользователей других ОС):
- Не рекомендуется распаковывать и запускать редактор из папки «Загрузки» или с «Рабочего стола».
- Путь к папке не должен содержать пробелов и символов кириллицы.
Создайте отдельную папку Inky на любом удобном разделе, например на диске C, и распакуйте программу в неё.
Пример корректного пути:
C:\Inky\распакованный_архив
Такой подход поможет избежать возможных проблем с сохранением файлов, экспортом и импортом проекта, а также с работой проигрывателя.
После запуска Inky вы увидите пустой проект с примером кода. Это уже полностью готовая среда разработки: вы можете сразу писать сценарий и тестировать интерактивную историю без какой-либо дополнительной настройки, но давайте не будем спешить и для начала разберём элементы интерфейса, прежде чем приступать к работе.
Элементы интерфейса Inky
Редактор Inky организован таким образом, чтобы вся работа с ink-проектом происходила в одном окне.
В этой статье я не буду утомлять вас подробным описанием всех элементов интерфейса и останавливаться на каждом из них отдельно. Для начала работы это не требуется: нам достаточно знать основные элементы, с которыми мы и познакомимся.
Базовые элементы интерфейса:
1. Основная текстовая область
Здесь создаётся сценарий: пишется текст истории, объявляются переменные, узлы, выборы, а также описывается логика ветвлений и переходов.
2. Проигрыватель истории
Позволяет мгновенно запускать сценарий и проверять, как работают выборы и переходы между узлами, без использования внешних инструментов или движков. Обновляется автоматически при изменении кода.
3. Панель ошибок и предупреждений
Отображает синтаксические ошибки и сообщает о потенциальных логических проблемах, помогая находить и исправлять их на раннем этапе.
4. Кнопки возврата и перезапуска
- Одиночная стрелка – возврат к предыдущему действию в проигрывателе истории.
- Двойная стрелка – отмена всех выполненных действий и возврат в начало истории (перезапуск).
5. Содержимое проекта (список файлов)
Отображает все файлы проекта. Актуально в тех случаях, когда история разбита на несколько файлов, а не хранится в одном.
6. Содержимое файла (структура)
Показывает элементы текущего файла: узлы, подузлы, функции и другие части сценария. Удобно для быстрой навигации по большому тексту.
7. Навигационные стрелки
Используются для быстрого переключения между файлами в списке файлов, между узлами в списке узлов, а также для навигации между соответствующими участками в текстовой области.
8. File (Файл)
Меню File (Файл) содержит базовые операции по работе с проектом и экспортом истории:
- New Project (Новый Проект) – создание нового проекта. Inky позволяет создать файл в формате .ink или .txt. На практике рекомендуется использовать .ink, так как это основной формат языка.
- New Included Ink File (Новый Included Ink файл) – создание нового включаемого файла проекта. Inky позволяет разбивать проект на такие файлы, что облегчает навигацию и организацию сценария.
- Open… (Открыть…) – открытие существующего проекта или отдельного файла сценария в формате .ink или .txt.
- Save Project (Сохранить Проект) – сохранение текущего проекта. Даёт возможность сохранить проект в формате .ink или .txt.
- Export… (Экспорт…) – экспорт истории в формат, пригодный для дальнейшего использования. Например:
- JSON – для интеграции в игровые движки;
- HTML / web-приложение – для запуска истории в браузере;
- Другие форматы, поддерживаемые экосистемой ink.
9. Edit (Редактировать)
Меню Edit (Редактировать) содержит стандартные инструменты редактирования текста, знакомые по большинству редакторов кода и текстовых редакторов:
- Undo (Отменить) – отменяет последнее действие.
- Redo (Повторить) – возвращает отменённое действие.
- Cut (Вырезать) – вырезает выделенный фрагмент текста в буфер обмена.
- Copy (Копировать) – копирует выделенный текст в буфер обмена.
- Paste (Вставить) – вставляет содержимое буфера обмена в текущую позицию курсора.
- Select All (Выделить Всё) – выделяет весь текст текущего файла.
Вы также можете использовать сочетания клавиш, в том числе знакомые вам глобальные сочетания, для более эффективной работы..
10. Story → Go to anything... (Поиск...)
- Go to anything… (Перейти к чему угодно…) – позволяет выполнять поиск по совпадению имён и текста во всём проекте. Удобен для быстрого нахождения переменных, узлов, функций или фрагментов сценария, особенно в крупных проектах с большим количеством файлов.
11. Элементы языка ink
Список всех доступных конструкций языка ink, из которых строится сценарий интерактивной истории.
Подробно о конструкциях языка ink в следующих статьях.
Такой набор инструментов делает процесс написания и отладки интерактивной истории наглядным и удобным, даже если проект со временем становится более сложным и масштабным.
Здесь описаны не все элементы интерфейса. Каждый элемент интерфейса рассмотрим подробно в следующих статьях.
Этого достаточно, чтобы понять, как устроен редактор, и перейти к написанию первого сценария, чем мы и займёмся в следующей статье.
Заключение
Таким образом, редактор Inky предоставляет всё необходимое для написания, тестирования и подготовки интерактивной истории к использованию как во внешних проектах, так и в виде web-приложения.
В этой статье мы установили редактор Inky и познакомились с основными элементами его интерфейса. Теперь у нас есть полностью готовая рабочая среда для создания интерактивных историй на языке ink.
В следующей статье мы рассмотрим структуру ink-проекта и первый практический пример.