LanguageРусский
Категория: Производство UI Motion
Инструмент анимации пользовательского интерфейса для интерактивных интерфейсов
Перестаньте раздавать видео и статические кривые Безье. Создавайте адаптивную, основанную на физике анимацию пользовательского интерфейса и добавляйте тот же файл в свое приложение.
What is Инструмент анимации in ExodeUI?
ExodeUI — это инструмент анимации пользовательского интерфейса, разработанный специально для продуктовых команд, создающих живое программное обеспечение. В отличие от инструментов, которые выводят статическое видео или тяжелые ресурсы JSON, ExodeUI объединяет холст визуального движения с пружинной физикой и конечными автоматами и сохраняет результат в виде одного открытого файла .exode, который воспроизводится пакетами среды выполнения в React, Vue, Svelte, Angular, Solid, React Native, SwiftUI. и Flutter.
Базовая архитектура
Почему инженеры и дизайнеры выбирают ExodeUI
Design, logic and motion in one file that runs inside your app.
Весенняя физика в реальном времени
Замените хрупкие кривые продолжительности естественной физикой жесткости, массы и демпфирования, которая плавно реагирует на скорость пользователя.
Логика визуального конечного автомата
Визуально связывайте сложные состояния наведения, активности, перетаскивания и загрузки без написания тысяч строк хрупких переходов CSS.
Экспорт собственного производственного кода
Воспроизведите один и тот же файл в React, Vue, Svelte, Angular, Solid, React Native, SwiftUI и Flutter, используя входы и события, которые контролирует ваш код.
Непрерывное отслеживание жестов
Первоклассное перетаскивание, подбрасывание, сжатие и отслеживание указателя с непрерывным обнаружением импульса и столкновений с границами.
Объективная оценка
Как ExodeUI сравнивается с Traditional UI Animation Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- Один открытый файл запускается в восьми средах выполнения платформы.
- Встроенный физический движок с реальной скоростью и импульсом.
- Граф узлов визуального конечного автомата для логики ветвления
- Входные данные и события, которыми управляет код вашего приложения
Traditional UI Animation Tools
- Выводит статические видео MP4, GIF или тяжелые After Effects JSON.
- Линейные ключевые кадры, основанные на времени, которые ломаются, когда пользователь прерывает взаимодействие.
- Разработчики должны вручную перестраивать каждую кривую анимации в коде.
- Интерактивные состояния обычно должны быть вручную запрограммированы вокруг игрока.
Передача разработке
Как использовать в коде
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
импортировать { ExodeUICanvas } из exodeui;
// Пружины, состояния и синхронизация находятся в файле .exode (разработанном в
// редактор). Ваш код передает входные данные и принимает события обратно.
функция экспорта InteractiveButton() {
возврат (
<ExodeUICanvas
src="/interactive_button.bexode"
inputs={{ нажата }}
onTrigger={(name) => console.log('ExodeUI event:', name)}
/>
);
}Остались вопросы?
Частые вопросы
Создавайте живые компоненты с настоящим движением.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.