Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →

Κατηγορία: Παραγωγή UI Motion

Εργαλείο κίνησης διεπαφής χρήστη για διαδραστικές διεπαφές

Σταματήστε να μεταδίδετε βίντεο και στατικές καμπύλες bezier. Σχεδιάστε κινούμενα σχέδια διεπαφής χρήστη με απόκριση στη φυσική και στείλτε το ίδιο αρχείο στην εφαρμογή σας.

What is Εργαλείο κίνησης in ExodeUI?

Το ExodeUI είναι ένα εργαλείο κίνησης διεπαφής χρήστη που έχει σχεδιαστεί ειδικά για ομάδες προϊόντων που δημιουργούν ζωντανό λογισμικό. Σε αντίθεση με τα εργαλεία που εξάγουν στατικό βίντεο ή βαριά στοιχεία JSON, το ExodeUI συνδυάζει έναν καμβά οπτικής κίνησης με μηχανές φυσικής ελατηρίου και κατάστασης και αποθηκεύει το αποτέλεσμα ως ένα ανοιχτό αρχείο .exode που παίζουν τα πακέτα χρόνου εκτέλεσης σε React, Vue, ZQZQ, ZQZQ3X React Native, SwiftUI και Flutter.

Βασική Αρχιτεκτονική

Γιατί οι μηχανικοί και οι σχεδιαστές επιλέγουν ExodeUI

Design, logic and motion in one file that runs inside your app.

Ανοιξιάτικη φυσική σε πραγματικό χρόνο

Αντικαταστήστε τις εύθραυστες καμπύλες διάρκειας με φυσική ακαμψία, μάζα και φυσική απόσβεση που αντιδρούν ρευστά στην ταχύτητα του χρήστη.

Core Architecture

Visual State Machine Logic

Το σύμπλεγμα καλωδίων αιωρούνται, ενεργά, σύρονται και καταστάσεις φόρτωσης οπτικά χωρίς να γράφετε χιλιάδες γραμμές εύθραυστων μεταβάσεων CSS.

Core Architecture

Κωδικός εγγενούς παραγωγής Εξαγωγή

Παίξτε το ίδιο αρχείο σε React, Vue, Svelte, Angular, Solid, React Native, SwiftUI και Flutter, με εισόδους και συμβάντα που ελέγχει ο κώδικάς σας.

Core Architecture

Συνεχής παρακολούθηση χειρονομιών

Παρακολούθηση έλξης, πέταξης, τσιμπήματος και δείκτη πρώτης τάξεως με συνεχή ανίχνευση σύγκρουσης ορμής και ορίων.

Core Architecture

Αντικειμενική Αξιολόγηση

Πώς συγκρίνεται το ExodeUI με Traditional UI Animation Tools

Where ExodeUI is stronger, and what to weigh before you switch.

The ExodeUI Architecture

ExodeUI

Δυνατά σημεία
  • Ένα ανοιχτό αρχείο εκτελείται σε οκτώ χρόνους εκτέλεσης πλαισίου
  • Ενσωματωμένη μηχανή φυσικής με πραγματική ταχύτητα και ορμή
  • Γράφημα κόμβου μηχανής οπτικής κατάστασης για λογική διακλάδωσης
  • Εισαγωγές και συμβάντα που ελέγχει ο κώδικας της εφαρμογής σας
Compared with

Traditional UI Animation Tools

Trade-offs
  • Εξάγει στατικά βίντεο MP4, GIF ή βαριά After Effects JSON
  • Γραμμικά βασικά καρέ βασισμένα στον χρόνο που διακόπτονται όταν ο χρήστης διακόπτει την αλληλεπίδραση
  • Οι προγραμματιστές πρέπει να αναδημιουργήσουν χειροκίνητα κάθε καμπύλη κινούμενων εικόνων στον κώδικα
  • Οι διαδραστικές καταστάσεις συνήθως πρέπει να κωδικοποιούνται με το χέρι γύρω από τη συσκευή αναπαραγωγής

Προγραμματιστής Handoff

Χρησιμοποιώντας το στον Κώδικά σας

Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.

εισαγωγή { 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.

Δοκιμάστε δωρεάν