I miei progetti web:
-
L.B.ALBERTI
Sito fatto con bootstrap 3 per un progetto scolastico dedicato a Leon Battista Alberti. Il sito è completamente responsive e permette una visione ottimale da mobile
-
PONG IN JS
Piccolo giochino fatto utilizzando puro javascript e l'elemto canvas di html5. L'obbiettivo era testare le mie conoscenze di javascript dato che ha uno stile molto diverso da linguaggi come c++. Per fortuna con ES6 è stat introdotta una sintassi per screare classi molto più canonica e nella mia opinione più semplice. Lo sviluppo è stato diviso nelle seguenti fasi:
-
Creazione del canvas e di una classe canvas
Per facilitarne l'utilizzo ho deciso di astrarre l'elemento canvas del DOM inuna classe
-
Creazione di figure geometriche
Dopo aver letto la documentazione e aver capito come funziona il drawing sul canvas, decido di creare la classe Shape che poi estendo in rettangolo (che userò per fare i due pad) e cerchio (che rappresenta la pallina nel nostro caso).
-
Creazione di un game loop
finora il gioco e il drawing sono statici quindi implemento un game loop utilizzando il metodo window.requestAnimationFrame() e utilizzando l'oggetto Date implemento un modo per creare un update indipendente dai frame
-
Creazione di un input manager
Utilizzando gli eventi di javascrpit creo un oggetto ingrado di gestire gli input
-
Gestione delle collisioni
Con dei semplici calcoli riesco a determinare l'intersezione tra pallina e rettangoli e creo un collision resolver, poi lo implemento anche per i muri. Aggiungo un fattore di accelerazione alla palla e un metodo per aggiornare il punteggio utilizzando due paragrafi nel file html
-