Pubblicato un nuovo aggiornamento per nx.js, la piattaforma utilizza JavaScript e TypeScript per lo sviluppo di applicazioni homebrew della console Nintendo Switch.

Questo strumento è basato sul motore QuickJS e consente di eseguire script direttamente sulla console Nintendo Switch.

Molte delle API web comuni, come fetch, setTimeout, Audio e Canvas, sono supportate su questa piattaforma, il che rende più agevole il lavoro per gli sviluppatori web che desiderano creare software per la Switch.

Inoltre, nx.js offre API speciali specifiche per la console Switch, fornendo un ambiente di sviluppo completo per la creazione di programmi homebrew. Gli sviluppatori possono trovare ispirazione e esempi su GitHub per iniziare rapidamente con il loro progetto.

Una caratteristica interessante di nx.js è la possibilità di creare applicazioni più complesse utilizzando npm (Node Package Manager) e quindi impacchettarle come file NRO.

Questo processo coinvolge l’utilizzo di esbuild per raggruppare il codice JavaScript, consentendo anche l’uso di TypeScript per lo sviluppo. Inoltre, i file nella directory “romfs” vengono compressi nell’NRO, semplificando la distribuzione delle applicazioni.

Le modifiche apportate in questo nuovo aggiornamento includono la correzione di alcuni problemi legati al rendering su Canvas, l’implementazione di HarfBuzz per il posizionamento e la misurazione del testo su Canvas e la definizione globale del costruttore di Path2D.

Corretta inoltre la funzione putImageData() su Canvas, l’aggiunta di strokeText() su Canvas e il miglioramento della gestione dell’alpha channel per le immagini PNG e WebP.

Caratteristiche

• Sviluppo in JavaScript: Scrivi applicazioni homebrew per Nintendo Switch utilizzando JavaScript, un linguaggio di programmazione popolare e ampiamente supportato.
• API di alto livello: Beneficia di un’API JavaScript di alto livello progettata specificamente per la piattaforma Nintendo Switch, offrendo facile accesso a funzionalità e caratteristiche specifiche della console.
• Gestione dell’Input: Cattura e elabora l’input dell’utente con facilità, inclusi pulsanti, touchscreen e controlli di movimento, per creare esperienze di gioco coinvolgenti.
• Grafica e UI: Crea interfacce utente visivamente accattivanti e interattive utilizzando l’API Canvas web.
• Supporto audio: Integra la riproduzione audio e gli effetti sonori nelle tue applicazioni utilizzando l’API Audio web.
• WebAssembly: Supporto per l’esecuzione di codice compilato in WebAssembly (WASM).

Per iniziare, seguire questi passaggi

• Configurare un firmware personalizzato sulla console Switch per consentirle di eseguire applicazioni homebrew (istruzioni).
• Scaricare il file nxjs.nro.
• Creare un file chiamato nxjs.js con il seguente contenuto: console.log('Hello Switch, from JavaScript!');
• Copiare entrambi i file nella directory /switch sulla scheda SD.
• Avviare l’applicazione.

Consultare la documentazione dell’API per ulteriori dettagli e dare un’occhiata alla directory delle app per trovare altri esempi.

Creazione di un’applicazione

• Per creare un’applicazione, eseguire il seguente comando per avviare la creazione di un’applicazione nx.js: npm create nxjs-app@latest

Potrete scegliere uno degli esempi di applicazioni come punto di partenza. Seguendo le istruzioni verrà creata successivamente una nuova directory con il nome del progetto inserito.

I seguenti script nel file package.json sono configurati:

• build: Raggruppa il codice dell’applicazione in un singolo file JavaScript utilizzando esbuild.
• nro: Incapsula l’applicazione raggruppata (+ eventuali altri file nella directory romfs) in un file .nro autocontenuto.

Changelog

nxjs-runtime@0.0.24

Modifiche alle patch

• Fatto in modo che Canvas fill() e stroke() conservino il percorso di disegno (b6b8423c37f81cd8f48b8248f1cd0618f810af5b).
• Utilizzo di HarfBuzz per il posizionamento e la misurazione del testo su Canvas (#67).
• Assicura che il costruttore Path2D sia definito globalmente (20cfe438e5985aab12c2660698b31c8f6468cf69)
• Correzione Canvas putImageData() (1bb003b5a9eaecb2f996666e83ef97741a1e766f).
• Aggiunto Canvas strokeText() (f3c52b6567522a32869467e840e599d678c0fdbb).
• Corretta la gestione del canale alfa delle immagini PNG e WebP (60c1f0bfe17c062f6294f10801dfe16aad046536).

Download: nx.js v0.0.24

Download: Source code nx.js v0.0.24

Fonte: github.com