programma del workshop

giorno 1

• 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)

appunti del giorno 1:

• 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

vedi cosa realizzeremo

Giorno 2

• 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

Giorno 2

infinity runner game

Giorno 4

obstacles and collisions