Tymora – я сделал графический 2D и 3D браузерный редактор, в котором у объектов можно включить физику. Рисуете как в Фигме: кадры, фигуры, текст, группы. Потом нажимаете “Запустить”, и нарисованное начинает падать, катиться, сталкиваться и отскакивать по законам физики.
С чего все началось
Картинки в интернете стоят на месте. Видео смотрят, но не трогают. Мне хотелось чего-то третьего: нарисованная сцена, которая ведет себя как настоящая, и которую можно потрогать.
Так получился редактор, где рисунок можно оживить одной кнопкой. Не анимацией по кадрам, а физикой: вы задаете, что тяжелое, что упругое, что скользкое, и дальше движок считает все сам.
Что вы получаете
1. Привычное рисование
Интерфейс знаком тем, кто работал в Фигме: кадры, фигуры, текст, группы, слои, выравнивание. Это обычный редактор для макетов. Физику можно не включать вообще, и он останется просто редактором.
2. Кнопка “Запустить”
Любому объекту можно включить физику: сделать его подвижным или неподвижным, тяжелым или легким, упругим или вязким. Нажали “Запустить” и смотрите, что получилось.
3. Правила “когда – тогда” без программирования
Хотите, чтобы по клику что-то происходило? Для этого есть простые правила: “когда коснулись, тогда включить” или “когда нажата клавиша, тогда толкнуть”. Действия тоже простые: подтолкнуть, повернуть мотором, сменить цвет, показать сообщение. Писать код не нужно.
4. Анимированная реклама без аниматора
Готовую сцену можно сохранить как GIF и поставить в соцсети, на сайт или в рассылку. Есть также возможность нарисовать сцену по описанию с помощью ИИ (рисует вектор по слоям), а потом оживить ее физикой.
6. Школьная физика, которую можно потрогать
Это направление я люблю больше всего. В редакторе можно собрать задачу по физике: например, бросок тела под углом. Появляются ползунки “Угол” и “Скорость”, ученик двигает их и сразу видит, как меняется полет.
Учителю это дает готовые интерактивные задачи, которые можно встроить на сайт школы или в электронный курс обычным кодом вставки. Ученику дает возможность не запоминать формулу, а увидеть, откуда она берется.
7. Готовые примеры и свои проекты
На сайте есть галерея примеров, которые запускаются прямо на странице, без регистрации. Можно открыть любой пример в редакторе и менять под себя. Свои проекты можно публиковать и делиться ссылкой.
Для кого это
-
Дизайнеры и маркетологи: живые макеты, GIF для рекламы, необычные визитки и баннеры.
-
Учителя и репетиторы: интерактивные задачи по физике с ползунками и проверкой ответа.
-
Ученики и студенты: можно самому собрать эксперимент и посмотреть, как он себя ведет.
-
Все, кому интересно: просто поиграться. Нарисовать башню из блоков и посмотреть, как она упадет, – тоже вполне законное занятие.
Чего пока нет
Хочется быть честным, чтобы вы не ждали лишнего.
-
Это не замена Фигме для большой команды с дизайн-системами и плагинами. Это другой инструмент, и его сила в движении.
-
Некоторых режимов рисования из Фигмы пока нет, например кисти и лассо.
-
Физика в 2D считается физическим движком, поэтому для точных учебных расчетов “до четвертого знака” ее надо настраивать: трение и упругость влияют на результат. В моем примере с броском я их настроил так, чтобы точка падения совпала с теоретической.
-
У ИИ-рисования есть лимит запросов по тарифу.
Попробовать
-
Сайт и примеры: tymora.ru
Буду рад отзывам: что показалось неудобным, чего не хватает, и какую физическую задачу вам хотелось бы увидеть в движении.
А вообще, когда я его сделал, первая мысль была такая: если бы мы знали что это такое но мы не знаем что это такое.
Автор: b_vova
