Volley!

Un gioco arcade di pallavolo in pixel art

  • TypeScript
  • Vite.js
  • HTML5

Il contesto

Tutto è partito da un easter egg nascosto da qualche parte proprio in questo portfolio: un minigioco di pallavolo infilato dove solo i più curiosi ci sarebbero inciampati. Si è rivelato più divertente di quanto meritasse un segreto, così l’ho tirato fuori come gioco a sé e l’ho pubblicato su itch.io.

L’originale, tra l’altro, è ancora qui. Dove, non te lo dico: consideralo il livello tutorial.

Come si gioca

Un tasto, un pallone, e se tocca terra è game over. Ci sono diversi modi di giocare:

  • Palleggio: tieni il pallone in aria, un punto per ogni tocco.
  • Cerchi: fai passare il pallone dentro gli anelli man mano che compaiono, e dopo ogni punto ne spunta uno nuovo altrove.
  • Contro la CPU: una partita vera contro il computer, tre tocchi per lato, vince chi arriva prima a cinque.

Tra una partita e l’altra si possono personalizzare il pallone e la maglia del giocatore.

Cosa ho costruito

Non c’è nessun motore di gioco: è Vite con TypeScript puro, che disegna su un unico <canvas> da 120 per 180 celle, allargato sullo schermo con image-rendering: pixelated così che ogni cella resti un quadrato dai bordi netti. Fisica, avversario controllato dal computer e rendering sono tutti scritti a mano.

Fuori da una partita le pareti rimandano indietro il pallone con velocità e angolo leggermente casuali, così gli scambi restano caotici. In partita diventano gli spalti e ne assorbono gran parte della velocità, così una schiacciata che arriva in fondo si spegne lì. Il computer legge il pallone simulandone il volo con quegli stessi rimbalzi sulle pareti, e il pallone si fa un po’ più pesante a ogni tocco, così due giocatori che non sbagliano mai non possono rimandarselo all’infinito.

Prossimi passi

Più personalizzazione, nuove modalità e potenziamenti, poi partite online e classifiche, prima di portarlo su CrazyGames e sugli store mobile.