Pixi’VNInterfaccia utente (UI) con JavaScript Framework
Come creare e integrare schermate dell'interfaccia utente in Pixi'VN utilizzando framework JavaScript esterni come React, Vue e PixiJS.
Cos'è il UI? UI è l'acronimo di User Interface (interfaccia utente). Si riferisce agli elementi visivi e ai componenti interattivi attraverso i quali un utente interagisce con un dispositivo digitale, un'applicazione o un sito web. L'interfaccia utente include tutto ciò con cui gli utenti interagiscono, come pulsanti, menu, icone, campi di testo e layout. L'obiettivo della progettazione dell'interfaccia utente è creare un'interfaccia che sia al tempo stesso esteticamente gradevole e funzionale, offrendo agli utenti un'esperienza fluida e intuitiva.
Pixi’VN non fornisce componenti integrati per creare l’interfaccia utente del gioco. Dovresti invece utilizzare framework JavaScript esterni per creare la tua interfaccia utente. Ciò consente di sfruttare sistemi come React, Vue, ecc. per creare schermate UI complesse e ad alte prestazioni.
Pixi’VN offre funzionalità per migliorare la compatibilità con altri framework JavaScript:
Differenze tra l'interfaccia utente e il canvas
Così come è stato progettato e concepito Pixi’VN, l’interfaccia utente e la tela sono due elementi distinti e indipendenti. L'interfaccia utente si trova sopra la tela e viene utilizzata per creare pulsanti, moduli, ecc. La tela viene utilizzata per visualizzare immagini, video, ecc.
Tutte le informazioni sullo stato attuale del canvas sono incluse nel salvataggio ed è possibile ripristinare lo stato di un passaggio precedente. Lo stato attuale dell'interfaccia utente non verrà inclusa nei salvataggi. Quindi devi gestirlo tu stesso salvando le informazioni di cui hai bisogno nella memoria di gioco o nella memoria del browser.
Nel canvas è possibile aggiungere componenti durante ogni step. Nell'interfaccia utente non è possibile farlo, è possibile creare diverse "schermate" e navigare tra di esse.
Nella canvas è possibile aggiungere solo componenti Pixi'VN. Nell'interfaccia utente è possibile aggiungere qualsiasi componente HTML/PixiJS o utilizzare qualsiasi libreria di componenti UI, in modo da creare interfacce molto più complesse.