Interfaccia utente (UI)

Pixi’VN non fornisce componenti integrati per creare la UI di gioco e non reinventa ciò che già esiste nell'ecosistema JavaScript. Invece di vincolarti a un framework specifico, ti permette di utilizzare qualsiasi framework JavaScript esterno tu preferisca per costruire la tua UI, così puoi sfruttare sistemi come React, Vue, ecc., per creare schermate UI complesse e ad alte prestazioni.

Questa flessibilità rende inoltre Pixi’VN particolarmente adatto allo sviluppo assistito dall'IA: poiché la UI è costruita con framework standard e ampiamente utilizzati anziché con un sistema proprietario, gli assistenti di programmazione IA conoscono già bene questi strumenti e possono generare, comprendere e modificare il codice della UI in modo molto efficace.

Pixi’VN offre funzionalità per migliorare la compatibilità con altri framework JavaScript:

Differenze tra la UI e il canvas

Per come Pixi’VN è stato progettato e concepito, la UI e il canvas sono due elementi distinti e indipendenti. La UI si trova sopra il canvas ed è utilizzata per creare pulsanti, form, ecc. Il canvas viene utilizzato per visualizzare immagini, video, ecc.

Tutte le informazioni sullo stato attuale del canvas sono incluse nel salvataggio ed è possibile ripristinare lo stato di uno step precedente. Lo stato attuale della UI non sarà incluso nei salvataggi. Quindi devi gestirla tu stesso salvando le informazioni di cui hai bisogno nello storage di gioco o nello storage del browser.

Nel canvas puoi aggiungere componenti durante ogni step. Nella UI non puoi farlo, ma puoi creare diverse "schermate" e navigare tra di esse.

Nel canvas puoi aggiungere solo componenti di Pixi’VN. Nella UI puoi aggiungere qualsiasi componente HTML/PixiJS oppure utilizzare qualsiasi libreria di componenti UI, così puoi creare interfacce molto più complesse.