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 →

Pillar 03 · Rive Εναλλακτικό

Rive Εναλλακτική για το διεπαφή χρήστη προϊόντος: Διάταξη, Φυσική και Λογική σε ένα αρχείο

Το Rive έγινε mainstream διαδραστικό διανυσματικό κινούμενο σχέδιο. Το ExodeUI εφαρμόζει την ίδια ιδέα σε ολόκληρα κομμάτια διεπαφής: διάταξη, λογική, φυσική και δεδομένα, όχι μόνο το γραφικό.

Ενημερώθηκε Οκτώβριος 2026

Είναι το ExodeUI μια καλή εναλλακτική λύση Rive;

Το ExodeUI είναι μια εναλλακτική λύση Rive που έχει σχεδιαστεί για τη διεπαφή χρήστη του προϊόντος και όχι για χαρακτήρες και παιχνίδια. Όπως το Rive, σχεδιάζετε σε ένα οπτικό πρόγραμμα επεξεργασίας και ο χρόνος εκτέλεσης αναπαράγει το αρχείο μέσα στην εφαρμογή σας, με εισόδους και συμβάντα που ελέγχει ο κώδικάς σας. Το ExodeUI προσθέτει απόκριση διάταξη με σημεία διακοπής, μηχανή φυσικής, λογική κόμβου και μεταβλητές δεδομένων API, διατηρεί την πηγή του σε ένα ανοιχτό αρχείο .exode JSON και διαθέτει διακομιστή MCP για εργαλεία κωδικοποίησης AI. Το Rive είναι πιο ώριμο, με μεγαλύτερη κοινότητα, ισχυρότερο στήσιμο και χρόνους εκτέλεσης με κινητήρα παιχνιδιού. Φτιάχνουμε ExodeUI.

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

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

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

Διάταξη που ξαναρέει

Σημεία διακοπής απόκρισης με παρακάμψεις ανά κοντέινερ, έτσι ώστε ένα στοιχείο να προσαρμόζεται στο μέγεθος της οθόνης όπως πρέπει να κάνει η διεπαφή χρήστη του προϊόντος.

Core Architecture

Ενσωματωμένη φυσική

Βαρύτητα, συγκρούσεις, ελκυστήρες, ρευστές ζώνες και εφέ όπως σκουός και μονοπάτια, χωρίς εγγραφή κώδικα προσομοίωσης.

Core Architecture

Ανοιχτή πηγή με δυνατότητα αναθεώρησης

Η πηγή .exode είναι JSON, ώστε να μπορείτε να τη διαβάσετε, να ελέγξετε τις αλλαγές και να εκτελέσετε τη σημασιολογική διαφορά του CLI για να καταλάβετε σημαντικές αλλαγές.

Core Architecture

Κρατήστε μηχανές, λογική και δεδομένα

Καταστάσεις, μεταβάσεις και είσοδοι όπως Rive, συν λογική κόμβου, εκφράσεις και μεταβλητές API που ανακτούν ζωντανά δεδομένα.

Core Architecture

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

Πώς συγκρίνεται το ExodeUI με Rive

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

The ExodeUI Architecture

ExodeUI

Δυνατά σημεία
  • Αποκριτική διάταξη με σημεία διακοπής για ολόκληρες οθόνες και εξαρτήματα
  • Ενσωματωμένος κινητήρας φυσικής και λογική κόμβου
  • Μεταβλητές API, γραφήματα και δέσμευση ζωντανών δεδομένων μέσα στο αρχείο
  • Ανοίξτε την πηγή .exode JSON, συν έναν διακομιστή MCP για εργαλεία κωδικοποίησης AI
Compared with

Rive

Where it is stronger
  • Τα ξάρτια χαρακτήρων, τα οστά και τα πλέγματα είναι πιο ώριμα στο Rive
  • Το Rive έχει χρόνους εκτέλεσης μηχανών παιχνιδιών (Unity, Unreal) που το ExodeUI δεν έχει
  • Το Rive έχει μια πολύ μεγαλύτερη κοινότητα, περισσότερα μαθήματα και μια αγορά
  • Δωρεάν εξαγωγές Rive παίζουν μια οθόνη εκκίνησης. Cadet (9 $ ανά θέση ανά μήνα, ετησίως) το αφαιρεί

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

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

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

εισαγωγή { ExodeUICanvas } από το 'exodeui';

// Ελατήρια, καταστάσεις και χρονισμός ζωντανά στο αρχείο .exode (σχεδιασμένο στο
// συντάκτης). Ο κώδικάς σας μεταβιβάζει εισόδους και ακούει τα συμβάντα πίσω.
συνάρτηση εξαγωγής AuthWidget() {
  επιστροφή (
    <ExodeUIΚαμβάς
      src="/auth_machine.bexode"
      onTrigger={(όνομα) => console.log('ExodeUI συμβάν:', όνομα)}
    />
  )
}

Όταν το ExodeUI είναι η καλύτερη εναλλακτική λύση Rive

Το Rive είναι εξαιρετικό για χαρακτήρες, εικονογραφήσεις και γραφικά παιχνιδιών. Οι ομάδες αναζητούν μια εναλλακτική όταν τη χρησιμοποιούν για διεπαφή προϊόντος, όπως εναλλαγές, γραμμές καρτελών, ενσωμάτωση, φόρμες και πίνακες εργαλείων και χρειάζονται περισσότερα από ένα κινούμενο γραφικό:

  • Διάταξη: Η διεπαφή χρήστη του προϊόντος πρέπει να ρέει εκ νέου σε μεγέθη οθόνης, τα οποία το ExodeUI χειρίζεται με σημεία διακοπής.
  • Λογική και δεδομένα: η λογική κόμβου, οι εκφράσεις και οι μεταβλητές API επιτρέπουν σε ένα στοιχείο να εμφανίζεται και να αντιδρά σε πραγματικά δεδομένα.
  • Φυσική: η μεταφορά, η ρίψη και οι συγκρούσεις προέρχονται από έναν ενσωματωμένο κινητήρα αντί για κινούμενα σχέδια που έχουν συντονιστεί με το χέρι.
  • Αναζήτηση και προσβασιμότητα: και τα δύο εργαλεία σχεδιάζουν σε καμβά. Το Rive διαθέτει λειτουργία σημασιολογίας για προγράμματα ανάγνωσης οθόνης. Το προαιρετικό επίπεδο ExodeSEO του ExodeUI προσθέτει σημασιολογικό HTML και μεταδεδομένα και το CLI του μπορεί να ελέγχει έναντι του WCAG.

Πώς λειτουργεί στην εφαρμογή σας

Και τα δύο εργαλεία χρησιμοποιούν το ίδιο μοντέλο: ένας χρόνος εκτέλεσης σχεδιάζει το αρχείο σε έναν καμβά μέσα στην εφαρμογή σας και ο κώδικάς σας συνομιλεί μαζί του μέσω εισόδων και συμβάντων. Με το ExodeUI σχεδιάζετε στο πρόγραμμα περιήγησης ή στην επιτραπέζια επεξεργασία, μεταγλωττίζετε την πηγή .exode σε ένα μικρό αρχείο .bexode και την αναπαράγετε με το χρόνο εκτέλεσης για το πλαίσιο σας.

Κρατικές μηχανές

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

Εισροές και συμβάντα

Ορίστε εισαγωγές δυαδικού, αριθμού και κειμένου από την εφαρμογή σας και ακούστε για ενεργοποιήσεις, κλικ και αλλαγές εισόδου που επιστρέφουν.

Πότε να μείνετε στο Rive

Μείνετε με το Rive αν κάνετε κινούμενα σχέδια χαρακτήρων με κόκκαλα και πλέγματα, στέλνετε στο Unity ή Unreal, βασίζεστε στη δέσμη ενεργειών Rive ή έχετε ήδη μια βιβλιοθήκη αρχείων .riv και μια ομάδα που γνωρίζει τον επεξεργαστή. Το ExodeUI είναι νεότερο και ο χρόνος εκτέλεσης του React είναι ο πιο ώριμος από τους οκτώ χρόνους εκτέλεσης του.

Topic Cluster Network

Εξερευνήστε Συνδεδεμένες Έννοιες και Εργαλεία

Έχετε ερωτήσεις;

Συχνές Ερωτήσεις

Κατασκευάστε ζωντανά εξαρτήματα με πραγματική κίνηση.

Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.

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