Categories
design pattern event linguaggio javascript piattaforme web

Phaser 3 – evento

In JavaScript è un linguaggio che utilizza gli eventi del browser.

Oltre agli eventi per le azioni del giocatore, gli eventi possono essere generati dal programmatore per ottenere un’architettura semplice dell’applicazione e con poco accoppiamento nel codice sorgente.

In questo esempio si creerà un nuovo tipo di evento e un ascoltatore (listener) per permettere la comunicazione tra due diverse Scene.

Categories
linguaggio javascript phaser piattaforme web

Phaser 3 (introduzione)

Quando l’applicazione da sviluppare è un gioco, si può usare un server web e un framework per HTML5. Con Phaser (licenza d’uso MIT) si ottiene un’applicazione multipiattaforma (non solo per dispositivi mobili).

Il framework si chiama Phaser1 e funziona semplicemente sul browser, ma richiede un server web per evitare il problema SOP (Same Origin Policy).

Il gioco si sviluppa costruendo classi e metodi in JavaScript, ma esiste anche un editor visuale (solo a pagamento).

  1. https://phaser.io/ []
Categories
Node.js React web

Server-Side Rendering

Ci sono due modi in cui un sito web realizzato con ReactJS può fornire una prima pagina al browser:

  • Client-Side Rendering (CSR) una cornice bianca vuota con una clessidra al suo interno (un JavaScript da eseguire nel browser)
  • Server-Side Rendering (SSR) una pagina HTML che appare immediatamente decorata nel browser

La soluzione da scegliere dipende dal tipo di problema da risolvere.

Categories
database React web

Database remoto (2)

Alcune caratteristiche di Apache Cassandra sono molto interessanti.

Apache Cassandra può essere installato su diversi nodi fisici e memorizza i dati in modo distributo.

Dato che ogni server-nodo contiene una replica parziale dei dati, esso fornisce un servizio molto affidabile e con elevata disponibilità.

Categories
Android architettura boilerplate solution iOS linguaggio javascript Node.js npm piattaforme React Native web

React Native con Android (1)

Il primo progetto è una semplice dimostrazione d’uso di React Native

Se vogliamo creare un progetto per smartphone Android e iOS si può installare React Native. L’articolo su iOS/macOS è stato separato1

  1. https://www.cancellino.org/2023/01/node-js-per-macos []
Categories
Android architettura iOS piattaforme React Native web

Applicazioni Mobile

Per realizzare applicazioni multipiattaforma si potrebbero usare i tradizionali linguaggi nativi, ad esempio, per le due principali piattaforme:

  • Linguaggio Kotlin (per Android)
  • Linguaggio Swift (per iOS)

Dal 2015, però, è disponibile anche il framework React Native (basato su Javascript). Le piattaforme supportate da React Native sono: