Архітектура інтерфейсу кінцевого автомата: вихід за межі Rive WebAssembly
Дослідіть архітектуру інтерфейсу кінцевого автомата. Як візуальні кінцеві автомати, макет і фізика передаються з одного файлу в React, Vue і рідні програми.
Основний винос
Хоча Rive став піонером у створенні візуальних кінцевих автоматів для інтерактивної векторної графіки, його залежність від ізольованого полотна WebGL/Skia створює вузькі місця доступності та розміру пакетів для робочих веб-програм. Сучасний інтерфейс кінцевого автомата зберігає візуальний графік стану в одному файлі, який програма керує входами та подіями.
Чому державні автомати змінили дизайн руху
До кінцевих автоматів логіка взаємодії була хаотичною мережею логічних змінних (isHovered, isClicked, isExpanded, isError). Кінцеві автомати забезпечують формальну математичну ясність: компонент має визначені стани, дискретні переходи та детерміновані тригери.
Фрагмент впровадження виробництва
import { ExodeUICanvas } from 'exodeui';
// Springs, states and timing live in the .exode file (designed in the
// editor). Your code passes inputs in and hears events back.
export function CheckoutButton() {
return (
<ExodeUICanvas
src="/checkout.bexode"
onTrigger={(name) => console.log('ExodeUI event:', name)}
/>
);
}