Что такое Formo

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

Если совсем коротко: вы рисуете, как привыкли, а Formo превращает рисунок в анимацию, в маленькую игру или в интерактивный баннер — без программирования.

Раньше для этого был Flash. Один человек мог нарисовать персонажа, заставить его двигаться, добавить кнопки — и выложить в интернет. Flash закрыли, а замены так и не появилось. Formo — это замена.

Зачем так

Почему замена не появилась раньше? В 2010 году Стив Джобс не пустил Flash на iPhone и Mac — и в открытом письме «Thoughts on Flash» объяснил, почему. Его довод: новые открытые веб-стандарты уже умеют всё, что умел Flash, — «продвинутую графику, типографику, анимацию и переходы» прямо в браузере, без сторонних плагинов. И он был прав: показывать такое веб действительно научился.

Вот только показывать и создавать — не одно и то же. Flash был не только проигрывателем: в нём эти ролики и игры рисовали и оживляли. Веб научился показывать живые сцены, а удобного инструмента, чтобы их делать, так и не появилось. Эта дыра открыта уже пятнадцать лет — её и закрывает Formo.

Сегодня большинство инструментов умеют что-то одно. Figma — это макеты и прототипы интерфейсов: аккуратно, но застывше, и художники в ней не рисуют — она про другое. В видеоредакторе можно собрать ролик, но его нельзя «потрогать». А чтобы сделать что-то живое и кликабельное, обычно нужно звать программиста.

Formo соединяет всё это в одном месте. Вы остаётесь художником — рисуете и расставляете кадры, — а движение и реакции добавляются тут же, прямо в редакторе. Никакого кода и никаких отдельных программ.

Пять шагов, которые идут один за другим

Работа в Formo — это пять привычных действий. Каждое следующее опирается на предыдущее.

1. Рисуешь. Обычные инструменты художника: прямоугольник, овал, перо, кисть от руки. Можно рисовать с нуля или принести готовую картинку.
   Пример: рисуете кота — туловище, лапы, хвост.
2. Анимируешь. Ставите несколько кадров, и Formo сам плавно достраивает движение между ними.
   Пример: в первом кадре хвост опущен, во втором — поднят. Кот машет хвостом.
3. Добавляешь реакции. Навёл мышь — кот моргнул, кликнул — мяукнул. Это и есть интерактив.
   Пример: кнопка, которая подсвечивается под курсором.
4. Переиспользуешь. Удачный рисунок можно сохранить как компонент — заготовку — и расставлять её копии где угодно. Поправили заготовку — обновились все копии разом.
   Пример: нарисовали одну монетку — рассыпали по уровню сто таких же.
5. Публикуешь. Нажимаете «Экспорт» — и получаете маленький файл, который открывается в любом браузере и играет сам, без Formo.
   Пример: готовую анимацию можно выложить в соцсеть или отдать в рекламную сеть как баннер.

Для кого это

Formo — один редактор, но каждый видит в нём своё.

• Аниматорам. Тем, кто рисовал во Flash мультики и анимацию персонажей. Здесь есть кадры, плавность движения, калька и кости для управления героем — всё привычное, только в браузере.
• Разработчикам игр. Рисуете героя, включаете физику и пару реакций — и уже можно играть.
• Для тех, кто делает анимированные баннеры. Баннер собирается одним человеком и выгружается готовым файлом нужного размера.
• Для тех, кто хочет собирать интерактивные штуки. Калькуляторы, конфигураторы, живые инфографики — там, где число должно меняться от действий пользователя.

let x:number = 2;
aaa

Чем Formo отличается

Короткое сравнение, чтобы было понятнее место Formo.

Главная мысль: в Formo вы не выбираете между «нарисовать» и «оживить». Вы делаете и то, и другое в одном месте — и сразу получаете результат, готовый к показу.

Что запомнить

• Formo — это редактор, где рисунок становится живой сценой: двигается, реагирует, работает в браузере.
• Это современная замена Flash: рисуешь → оживляешь → делаешь интерактивным → публикуешь.
• Всё в одном месте и без кода — вы остаётесь художником.
• На выходе — маленький файл, который играет сам где угодно.

Дальше — Рабочее пространство: что где лежит на экране и с чего начать.

<!-- watch test -->