-
Cosa è p5.js?
- Il browser
- HTML e javascript
- Il canvas
- p5.js
-
Come si inizia un progetto?
- Scarichiamo il template base
- Avviare un server locale
- testare il canvas
-
Iniziamo a disegnare
- Le primitive base (costruiamo il primo personaggio)
- le variabili
-
Animiamo lo sketch
- setup() e draw()
- il mouse
- le funzioni
- gli eventi della tastiera
-
Organiziamo il codice
- le funzioni
-
Dinamica di gioco
- collision detection
- i punteggi
-
assignment:
- personalizza il gioco e cambia la dinamica
- prepara delle sprite per il tuo personaggio (lo useremo nella prossima lezione)
- configurare un local server
- parte 1 - setup
- parte 2 - primitive grafiche
- parte 3 - interazione con mause[
- parte 4 - funzioni
- parte 5 - interazioni con tastiera
- parte 6 - collision detection
- parte 7 - punteggio
- p5.play
- carichiamo la libreria
- le sprites
- carichiamo gli asset
- gestiamo le animazioni
- la fisica e la gravita
- virtual camera
- muoviamo la camera nello spazio
infinity runner game
obstacles and collisions