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.