Language日本語
カテゴリ: プロダクション UI モーション
インタラクティブインターフェイス用のUIアニメーションツール
ビデオや静的なベジェ曲線を渡すのはやめてください。応答性の高い物理駆動型の UI アニメーションをデザインし、同じファイルをアプリに送信します。
What is インタラクティブインターフェイス用のUIアニメーションツール in ExodeUI?
ExodeUI は、リビング ソフトウェアを構築する製品チーム向けに特別に設計された UI アニメーション ツールです。静的ビデオや重い JSON アセットを出力するツールとは異なり、ExodeUI はビジュアル モーション キャンバスとスプリング物理学およびステート マシンを組み合わせ、結果を 1 つの開いた .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
- 1 つの開いたファイルが 8 つのフレームワーク ランタイムで実行されます
- 実際の速度と運動量を備えた組み込み物理エンジン
- 分岐ロジックのビジュアル ステート マシン ノード グラフ
- アプリコードが制御する入力とイベント
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.
import { ExodeUICanvas } から 'exodeui';
// スプリング、ステート、タイミングは .exode ファイル内に存在します (
// エディター）。コードは入力を渡し、イベントを受信します。
エクスポート関数 InteractiveButton() {
戻る (
<ExodeUIキャンバス
src="/interactive_button.bexode"
inputs={{ 押された }}
onTrigger={(名前) => console.log('ExodeUI イベント:', 名前)}
/>
);
}ご質問はありますか
よくある質問
本物の動きで、生きたコンポーネントを作る。
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.