SIDEQUEST,Авторский эксперимент: привычный первый экран сайта превращается в небольшую сцену с видом сверху. Персонаж следует за курсором и взаимодействует с интерфейсом.
Один экран.
И свой напарник.
Я взял обычный первый экран: логотип, навигацию, заголовок, описание и кнопки. Разместил их как предметы на игровом поле и добавил одного персонажа. Теперь у движения курсора есть видимое продолжение.
Персонаж бежит за курсором, обходит текст и предметы. Наведение на кнопку становится приглашением подойти. Клик закрепляет задачу: напарник добегает, берётся за край и нажимает.
У текста и предметов есть границы. Они учитывают наклон и скругления; пустые края контейнеров и тени не перекрывают путь. Вокруг остаётся место под тело персонажа и небольшой зазор.
На этой карте строится граф возможных проходов. Алгоритм A* ищет короткий маршрут с обходом препятствий. Для взаимодействия сравниваются пути ко всем четырём сторонам объекта. Персонаж выбирает доступную грань, разворачивается к ней и ставит руки с отступом от углов. В демо карту можно включить отдельной кнопкой.
Кнопки можно
потрогать.
Курсор указывает цель, а действие выполняет персонаж. После клика он сохраняет выбранную задачу, даже если мышь уже ушла в другую сторону. Жёсткая тень под кнопкой сокращается при нажатии и делает движение заметным.
Радио слева работает по тому же правилу. Кликните на корпус: персонаж подойдёт и включит спокойную музыкальную петлю с шумом и лёгким плаванием тона. Следующий клик выключит звук. До первого действия радио молчит.
Можно немного
сбиться с плана.
Справа лежит книжка «Вне плана». Первый клик открывает её на месте. Следующие два перелистывают развороты, ещё один закрывает. Здесь можно задержаться, не покидая первый экран.
В нижней части поля лежит кучка мусора: бумажка и две банановые кожуры. Проведите через неё персонажа: он споткнётся, упадёт, поднимется и продолжит путь к своей цели. А когда он занят, ответ появится в облачке над ним.
может работать.
Эта механика может стать основой промостраницы игры, страницы события или авторского портфолио. Персонаж даёт повод исследовать экран; предметы могут раскрывать программу, работы, историю бренда или дополнительные материалы.
Для каждого проекта нужно проверить, помогает ли такой темп основной задаче. В этом концепте нажатие ждёт, пока персонаж добежит. Для регистрации, оплаты или срочного действия я бы сохранил прямой путь. Текущая сцена рассчитана на компьютер с мышью; мобильное взаимодействие потребует отдельного решения.
SIDEQUEST — работающий авторский концепт. Он показывает, как связать характер персонажа с устройством интерфейса: у каждого движения есть цель, у предметов — правила взаимодействия. Коммерческий эффект этой идеи ещё предстоит проверять в конкретном проекте.
РАБОТАЮЩИЙ КОНЦЕПТ
Теперь можно покликать.
Откройте сцену на компьютере с мышью. Наведите курсор на кнопку, включите радио, полистайте книжку. И попробуйте не наступить на мусор.
Открыть интерактив
