E0. Forme geometriche reattive

Obiettivo

Realizzare una composizione di forme geometriche che reagisca al movimento del mouse, lavorando in Visual Studio Code con l’assistenza di OpenCode.

Modalità

Per procedere bisogna avere installato Visual Studio Code, Git, OpenCode e le estensioni OpenCode e Live Server, come spiegato nella guida all’installazione.

Una volta preparato il proprio repository di consegna:

  • creare la cartella dell’esercitazione con il comando /crea es0 di OpenCode e lavorare nei file che contiene: chi ha già iniziato l’esercitazione altrove può copiarci il proprio codice;
  • comporre alcune forme geometriche semplici, cercando un accostamento che regga anche da fermo;
  • far dipendere dalla posizione del mouse almeno un parametro delle forme, come la dimensione, il colore, la rotazione o la distanza fra gli elementi;
  • ottenere il risultato lavorando con l’agente, senza scrivere il codice da zero, e verificando ogni passaggio nel browser;
  • leggere il codice prodotto e farsi spiegare le parti non chiare, perché quel codice andrà poi modificato a mano.

L’esercitazione non ha un risultato prestabilito: serve a prendere confidenza con la cartella di lavoro, con l’anteprima e con lo scambio con l’agente prima delle esercitazioni vere e proprie.

Consegna

Lo sketch va consegnato dal proprio repository delle esercitazioni, aggiungendo un’anteprima chiamata “preview.png”, cioè un’immagine del risultato finale, che si può ottenere cliccando con il tasto destro del mouse sul canvas e selezionando “Salva immagine con nome…”.

Tutti i dettagli, comprese le indicazioni sull’archiviazione dei file su Teams dopo la revisione, si trovano nella pagina Modalità di consegna.

Riferimenti