Vai al contenuto
Work is love made visible. - Kahlil Gibran, Poeta e scrittore - Andrea Iannarone, Creative Developer
Andrea Iannarone

Gioco nel browser - 2026

The Art of Speedcubing

Un cubo di Rubik a cui puoi giocare davvero nel browser: da 2x2 a 5x5, trascini per ruotare uno strato, timer in funzione, niente installazione e niente account.

Copertina di The Art of Speedcubing

Dettagli del progetto

Ruolo
Concept, motore di gioco e front-end engineering
Anno
2026
Categoria
Gioco nel browser
In breve
Da 2x2 a 5x5, con il timer: niente installazione, niente account.

01La sfida

Un cubo sullo schermo non ha spigoli da tastare. Tutto quello che una mano sa tenendo quello vero - quale strato ha afferrato, quando una rotazione è andata a segno, quanta strada le manca ancora - va dedotto da un solo trascinamento e restituito a vista, abbastanza in fretta da far sentire la mossa del giocatore e non dell'animazione.

02L'approccio

Un solo gesto fa entrambe le cose: trascini su una faccia e ruoti quello strato, trascini fuori dal cubo e lo orienti tutto. Quando lasci, la rotazione si aggancia al quarto di giro più vicino, e un trascinamento che si ferma a metà si completa comunque se è partito con abbastanza velocità, così un gesto impreciso arriva alla mossa che il giocatore intendeva. Tre stili di rotazione cambiano il modo in cui una mossa si assesta, perché la stessa mossa può sembrare secca o pesante e non tutti sono d'accordo su quale sia quella giusta. Lo scramble ha tre lunghezze e il campo visivo è regolabile, così lo stesso cubo può stare vicino e ampio o lontano e piatto.

03Note tecniche

React monta l'interfaccia e passa i suoi nodi al motore, che da quel momento li governa: il game loop non aspetta mai un re-render. Tutto quello che il giocatore accumula vive nel localStorage - le preferenze, lo scramble in corso con il timer dove era rimasto, e lo storico delle risoluzioni con il tempo migliore e il peggiore - così chiudere la scheda non vuol dire arrendersi, e ricaricando si torna al cubo che stavi risolvendo. Non c'è backend e non c'è account: niente lascia mai il browser.

Progetto precedente

cc-profiles

Progetto successivo

Caravaggio Gallery