«Закулисье сказки». Кто и как готовит новогоднюю постановку в театре

Интерактивные виртуальные туры, пазлы, видео в проекте «Закулисье сказки» помогают совмещать две реальности: бытовую и сказочную.

6
человек
2
месяца
360
градусов
АВТОРЫ ПРОЕКТА
  • Анастасия Федотова
  • Анастасия Фадеева
  • Ксения Кулагина
  • Иван Лянгасов
  • Виктория Беленко (руководитель проекта)
  • Евгения Шафферт (руководитель проекта)
ФИНАНСИРОВАНИЕ
  • оплата аккаунта в Тильде в рамках программы «Пространство соучастия»
Виктория Беленко
Виктория Беленко,
завкафедрой массовых коммуникаций Гуманитарного института НГУ

Пару лет назад мы почувствовали, что к четвертому курсу студентам было бы полезно выполнять учебные задания. Не те, которые редакции СМИ дают им, когда они приходят на практику, а те, которые они выполняют в рамках учебного процесса в самом НГУ. И делать их не просто как задания по предмету, которые видит потом только преподаватель и люди, пришедшие на защиту творческих проектов, а находить способы быть полезными местному сообществу.

Центр цифровых культур и медиаграмотности НИУ ВШЭ включил наш вуз в программу «Пространство соучастия» и научили меня и еще одного преподавателя — Евгению Шафферт, как правильно искать партнеров, оформлять с ними отношения, помогли подключить некоторые мультимедийные инструменты.

Проект «Закулисье сказки» делали три четверокурсницы направления подготовки «Журналистика»: Анастасия Федотова, Анастасия Фадеева и Ксения Кулагина. Это очень хороший коллектив, сильный не только своими рабочими качествами, но и тем, что он по-настоящему конвергентный: девочки учились на разных специализациях и объединились уже на последнем курсе для вот этой разноплановой работы.

Как менялась идея проекта «Закулисье сказки»

У  студенток была идея рассказать, как и кем делается спектакль, причем не о тех людях, которых мы видим потом на сцене и на афишах большими буквами, а о цехах театра, о его «невидимых» работниках.

Интерактивные игровые элементы стали проситься в эту историю, потому что спектакль детский и рассказать о нем хотелось детям. Знаете, как у Винни-Пуха: когда его спросили, как он сочиняет стихи, он сказал что-то вроде того, что прислушивается к себе и, если какое-то слово хочет встать в строчку, то просто не мешает ему это сделать.

Аудитория спектакля подсказала инструментарий, стиль декораций спектакля подсказал визуальные решения информационного продукта.

Это хороший опыт, когда разрозненные знания и умения собираются к концу обучения в один большой проект, и к ним добавляется «человеческий» и правовой аспект: договориться и понять друг друга с представителями организации-партнера, передать права на воспроизведение и т. п.
Анастасия Федотова
Анастасия Федотова,
автор проекта

Тестовый вариант данного тура был реализован, однако был очень сырым и имел баги, решение которых заняло бы неопределенное количество времени. Чтобы не рисковать, было решено модифицировать начальную идею.

Изначальная идея была сделать «необычный 360-тур». Почему необычный? Нынешние туры представляют из себя статичное изображение, внутри которого вы можете осмотреться. При клике по одной из меток будете перемещены в следующее подобное изображение — т. е. переход между этими 360-панорамами происходит резко и «неестественно».

У нас есть 360-камера, которая способна записывать 360-видео, что мы хотели использовать для следующей релизации: человек находится в помещении и может кликать по меткам. Однако помимо этого пользователь может нажимать на клавиатуре клавиши «вперед» и «назад», благодаря которым он будет буквально перемещаться по помещению.

Таким образом, в нашей реализации переход от одного помещения к другому представлял бы из себя нечто похожее на компьютерную игру с управлением от первого лица: пользователь мог бы осматриваться вокруг при помощи мыши, а перемещаться при помощи клавиатуры.

Кроме того, предполагалось множество встроенного медиа-контента. Например, при перемещении пользователя по сцене проигрывалось бы аудио с рассказом режиссера о подготовке к спектаклю.

Для кого создавали проект «Закулисье сказки»

В проекте, который приурочен к выходу детской новогодней сказки «Морозко», мы показываем процесс создания спектакля в театре «Глобус»: работу режиссера, цехов по производству декораций, реквизита, костюмов. Читатель путешествует по цехам театра. В каждом из них он встречает героя, который рассказывает ему про свою работу. В основу ложатся интервью с работниками театра. Они представлены в виде их монологической речи.

Мы используем 360-панорамы для усиления эффекта погружения в пространство за кулисами. Используя сказочный материал спектакля (макет сцены, рисунки художника) и собственные иллюстрации, мы совмещаем две реальности: бытовую и сказочную.

закулисье сказки проект
В панорамных фотографиях спрятаны пасхалки. Их можно найти, если внимательно изучать закулисье театра.

Это выводит нас на целевую аудиторию, которая состоит из двух групп. Дети (7-14 лет) и их родители (30-40 лет). Для привлечения детской аудитории используются элементы геймификации, а для взрослых имеются интервью с театральными деятелями.

Задачи проекта привлечение потенциальной аудитории к театру, в частности юных зрителей, к культурной стороне, расширение спектакля.

Виктория Беленко
Виктория Беленко,
завкафедрой массовых коммуникаций Гуманитарного института НГУ

Студентки предложили идею. Мы и они стали договариваться с театром (другим), но там не сложилось: театр на словах был заинтересован, но все время ссылался на занятость, съёмки никак не могли начать, художник материалами никак не делился. Поэтому с этой же идеей пошли в другой театр. И там все сложилось. Заходили с двух сторон: девочки сами и мы страховали их через знакомых в пресс-службе театров.

Самым сложным было правильно скоординировать работу. Мы старались максимально подстроиться под организацию и не мешать жизни театра. Интересным было все: начиная от моделирования идеи и заканчивая ее воплощением. Для меня самое потрясающее было смочь заглянуть в эту атмосферу закулисья, увидеть своими глазами поток эмоций режиссера, актеров и других ответственных людей в театральной сфере. Понаблюдать за процессом создания атмосферы спектакля и, конечно, послушать об этом особом пространстве театра.

Какие инструменты использовали в работе

Самое сложное в проекте «Закулисье сказки» — это интерактивные 360-градусные фотографии. Сервис, который позволяет делать метки на иллюстрациях, оказался очень дорогим для нас. Поэтому специально для наших студентов программист Иван Лянгасов, который тоже вошел в состав проектной команды, написал программу, а девочки в пикселях отсчитывали и наносили метки на фотографии.

Сервисы, поддерживающие формат 360-съемок, платные, а готовых площадок, которые совмещали бы в себе все функции, необходимые для реализации нашей идеи (создание собственных меток, создание невидимых меток, вставка видео и фото в всплывающие окна, интерактивных меток, появление облаков-подсказок и т. п) в открытом доступе нет.

закулисье сказки проект
Мы использовали новый формат, совмещающий дидактический и развлекательный аспекты. Это совмещение 360-панорамы цехов театра с интерактивными метками. Для этого была создана своя платформа для поддержания данной функции на основе JavaScript, HTML, CSS.

Мы не используем платную подписку сервисов, поддерживающих 360-панорамы. Ведь по истечении сроков подписки театру необходимо было бы самостоятельно ее оплачивать для поддержки необходимого для нашей идеи функционала.

Именно поэтому мы создали свою уникальную площадку-сервис для 360-панорам, которая не требует дополнительных затрат со стороны театра, совмещает в себе весь необходимый функционал и легко встраивается в любую часть страницы сайта.

закулисье сказки проект
Развлекательный момент состоит в самой цели поиска всех спрятанных в нашей панораме тематических атрибутов-интерактивных меток.

Именно для достижения этой задумки пользователю необходимо полностью просмотреть нашу 360-градусную вставку, параллельно кликая на другие метки, дающие дополнительную информацию об интересных и необычных предметах в данном цехе театра. Это создает дополнительный эффект присутствия в том или ином помещении.

Например, в пошивочном цехе мы предлагаем найти вторую пару варежки (созданная нами иллюстрация). Во время поиска предмета пользователь может кликнуть на отрисованные нами интерактивные метки, которые расположены на коробке с тканями, бумажных выкройках, ножницах, и узнать информацию об этих предметах соответственно.

К данным панорамам мы добавили всплывающие облака-подсказки, которые в сказочной стилистике конкретнее объясняют пользователю, что ему необходимо найти в том или ином цехе и с какой целью.

закулисье сказки проект
Все атрибуты, метки и элементы дизайна выполнены нами самостоятельно в одной стилистике.

Для создания интерактивных меток, атрибутов для поиска предметов, а также нашего меню в странице сайта мы пользовались графическим планшетом и профессиональной версией приложения «Autodesk SketchBook». Мы решили отрисовывать уникальные иллюстрации для придания нашему проекту сказочной атмосферы, в той цветовой палитре, что был разработан театром для постер-афиши к премьере спектакля.

Это мы использовали для воссоздания атмосферы зимней сказки, продуманной режиссёром-постановщиком, и был бы своего рода предысторией самого спектакля «Морозко». Пользователь становился бы самим соавтором появления героев, декораций, что будут представлены на сцене.

Проект «Закулисье сказки» — это наглядный пример того, как в игровой форме можно рассказать о сложных процессах производства спектакля.


закулисье сказки проект
Интерактивные пазлы — способ собрать нужный для героя предмет.

Продвижение

Проект опубликован на сайте театра. Изначально мы договаривались с театром о его размещении. Также он был продублирован в социальных сетях «Глобуса».

Стоит добавить, что наш проект был участником конкурса медиа проектов «Пространство соучастия» от ВШЭ. В конкурсе участвовало несколько вузов разных городов: Перми, Новосибирска и Нижнего Новгорода. Наш проект занял гран-при.

Команда проекта

  • Анастасия Федотова, студент факультета журналистики ГИ НГУ, — связь с институцией, верстка, фотоматериал, иллюстративный материал, работа с 360-панорамами, работа с электронными библиотеками Three. js Panolens.
  • Иван Лянгасов, выпускник направления «Физика» НГУ, — разработка библиотеки (набора объектов, разработка интерактивных блоков), работа с библиотеками Three. js Panolens.
  • Анастасия Фадеева, студент отделения журналистики ГИ НГУ, — создание видеоконтента проекта.
  • Ксения Кулагина, студент факультета журналистики ГИ НГУ, — интервьюер, автор текстов.
Над материалом работали:
Ольга Бердецкая
Иллюстрации:
скриншоты проекта

Подводя итоги:

1
2
3