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

Tymora ^[1] – я сделал графический 2D и 3D браузерный редактор, в котором у объектов можно включить физику. Рисуете как в Фигме: кадры, фигуры, текст, группы. Потом нажимаете “Запустить”, и нарисованное начинает падать, катиться, сталкиваться и отскакивать по законам физики.

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

Картинки в интернете стоят на месте. Видео смотрят, но не трогают. Мне хотелось чего-то третьего: нарисованная сцена, которая ведет себя как настоящая, и которую можно потрогать.

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

Что вы получаете

1. Привычное рисование

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

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

Любому объекту можно включить физику: сделать его подвижным или неподвижным, тяжелым или легким, упругим или вязким. Нажали “Запустить” и смотрите, что получилось.

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

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

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

Готовую сцену можно сохранить как GIF и поставить в соцсети, на сайт или в рассылку. Есть также возможность нарисовать сцену по описанию с помощью ИИ (рисует вектор по слоям), а потом оживить ее физикой.

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

Это направление я люблю больше всего. В редакторе можно собрать задачу по физике: например, бросок тела под углом. Появляются ползунки “Угол” и “Скорость”, ученик двигает их и сразу видит, как меняется полет.

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

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

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

Для кого это

• Дизайнеры и маркетологи: живые макеты, GIF для рекламы, необычные визитки и баннеры.

• Учителя и репетиторы: интерактивные задачи по физике с ползунками и проверкой ответа.

• Ученики и студенты: можно самому собрать эксперимент и посмотреть, как он себя ведет.

• Все, кому интересно: просто поиграться. Нарисовать башню из блоков и посмотреть, как она упадет, – тоже вполне законное занятие.

Чего пока нет

Хочется быть честным, чтобы вы не ждали лишнего.

• Это не замена Фигме для большой команды с дизайн-системами и плагинами. Это другой инструмент, и его сила в движении.

• Некоторых режимов рисования из Фигмы пока нет, например кисти и лассо.

• Физика в 2D считается физическим движком, поэтому для точных учебных расчетов “до четвертого знака” ее надо настраивать: трение и упругость влияют на результат. В моем примере с броском я их настроил так, чтобы точка падения совпала с теоретической.

• У ИИ-рисования есть лимит запросов по тарифу.

Попробовать

• Сайт и примеры: tymora.ru ^[2]

Буду рад отзывам: что показалось неудобным, чего не хватает, и какую физическую задачу вам хотелось бы увидеть в движении.

А вообще, когда я его сделал, первая мысль была такая: если бы мы знали что это такое но мы не знаем что это такое.