Загрузка 0
ПОДЕЛИТЬСЯ

Мой блог

Листай вниз

Что будет, если добавить физику в графический редактор?

Что будет, если добавить физику в графический редактор?

Современный веб-пространство наполнено статичными иллюстрациями и привычными видеороликами, однако разработчики продолжают искать новые интерактивные форматы. Одним из таких экспериментов стал графический 2D и 3D браузерный редактор под названием Tymora, объединивший средства макетирования с поведением реальных физических тел.

Создатели проекта стремились получить нечто среднее между плоской картинкой и анимацией — сцену, где нарисованные объекты подчиняются законам гравитации, упругости и столкновений. Вместо покадровой прорисовки движение просчитывается встроенным физическим движком после нажатия специальной кнопки запуска.

С чего все началось

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

Реклама

Что вы получаете: 1. Привычное рисование

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

2. Кнопка “Запустить”

Главная особенность платформы заключается в переключении между статичным режимом и симуляцией. Любому объекту на холсте присваиваются физические характеристики: он может оставаться неподвижным или падать, быть массивным либо легким, обладать высокой упругостью или вязкостью. После активации кнопки запуска сцена оживает на глазах.

Интерфейс редактора макетов и слоев Tymora
Панель управления слоями и фигурами в редакторе

3. Правила “когда – тогда” без программирования

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

4. Анимированная реклама без аниматора

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

6. Школьная физика, которую можно потрогать

Особое внимание уделено образовательному направлению. Платформа позволяет собирать наглядные физические задачи, например классический пример броска тела под заданным углом. Интерактивные ползунки скорости и угла наклона позволяют ученикам в реальном времени менять параметры и наблюдать за траекторией полета.

Реклама
Настройка параметров физики объектов
Применение физических параметров к нарисованным элементам

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

7. Готовые примеры и свои проекты

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

Для кого это

Проект ориентирован на самую широкую аудиторию. Дизайнеры и маркетологи могут создавать живые макеты, необычные баннеры и анимированную GIF-рекламу. Учителя и репетиторы получают инструмент для демонстрации учебных экспериментов с настраиваемыми параметрами и проверкой результатов.

Интерактивная школьная задача по физике с ползунками
Интерактивный пример физической задачи для учебных курсов

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

Чего пока нет

Авторы проекта открыто говорят о текущих ограничениях платформы. Программа не позиционируется как замена полноценным профессиональным редакторам интерфейсов для крупных дизайн-команд со сложными дизайн-системами. Ее ключевое преимущество заключается именно в динамике и движении.

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

Башня из блоков падает по законам физики
Симуляция падения башни из блоков в редакторе

Попробовать

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

01.