Codice creativo 2.0 in JavaScript: animazione, suono e colore

Codice creativo 2.0 in JavaScript: animazione, suono e colore

“Congratulazioni! Hai raggiunto la fine di questo corso Domestika. Grazie per aver partecipato e spero che vi sia piaciuto. Abbiamo lavorato insieme su alcune composizioni, ma la parte più importante sono state le tecniche che hai imparato. Ora puoi trasferirli, riapplicarli da qualche altra parte e creare qualcosa di diverso! Anche se abbiamo trattato molto, c'è sempre altro di cui parlare, quindi ho preparato un piccolo elenco di suggerimenti per quest'ultima unità. Biblioteche Ne ho usati alcuni durante il corso, ma ce ne sono altri migliaia là fuori. Ad alcune persone piace fare tutto da sole, ma a volte è come provare a reinventare la ruota. Ogni volta che hai bisogno di qualcosa di specifico, ti consiglio di sfogliare prima NPM. Qualcun altro potrebbe aver già lavorato su quel problema! Ad esempio, se devi caricare dati da un file CSV, ci sono librerie per questo. Se devi eseguire operazioni con i vettori, convertire tra diversi spazi colore o caricare file di caratteri, ci sono librerie per questo. Creazione di un sito Web Uno schizzo può vivere da solo. Puoi esportare la tua composizione e stamparla o pubblicarla da qualche parte. Ma se vuoi condividere i tuoi schizzi online, puoi farlo anche con un comando "--build". Genera file JavaScript e HTML statici che possono essere ospitati come normali pagine Web ovunque. Se hai bisogno che il tuo schizzo sia integrato in un sito web esistente, ricorda che utilizziamo sempre l'API Canvas nativa, quindi puoi copiare parti rilevanti del tuo codice in un altro progetto ed eseguirlo senza canvas-sketch. p5.js Molte persone si dedicano alla programmazione creativa con Processing o p5.js, e questo ha molto senso, sono ottimi strumenti. Sono abituato a lavorare con l'API nativa, ma se sei già a tuo agio con p5.js, puoi usarlo insieme a canvas-sketch. C'è un esempio di base incluso nel video sopra che ti mostra come farlo. Documentazione Questo è ovvio. Assicurati di controllare la documentazione. Questo non è solo per canvas-sketch o Canvas, ma per qualsiasi API con cui stai lavorando. Qualcuno si è preso il tempo per organizzare e documentare il proprio codice in modo che possiamo trarne vantaggio. È lì per aiutarci. Successivamente, vorrei fare un riepilogo di ciò che abbiamo visto finora. In questo corso ho lavorato a cinque piccoli progetti. Il primo è iniziato con un semplice rettangolo, ma alla fine ha comportato alcune conoscenze sulla trigonometria, la casualità, le tavolozze dei colori, i metodi di fusione e le maschere di ritaglio.

Il secondo progetto consisteva nella creazione di alcuni elementi visivi utilizzando segmenti di curva distribuiti come una griglia, utilizzando i colori in un modo diverso da quello che hai fatto nella prima unità. Quindi, ho utilizzato i dati sulla frequenza audio per guidare alcuni elementi visivi e provare a ricreare un paio di classici design di poster utilizzando il codice. L'ultimo schizzo riguarda le particelle! Hai imparato ad applicare le forze a loro, usando concetti di base della fisica come velocità e accelerazione. Ora, vorrei che tu condividessi i tuoi schizzi nel forum facendo clic sul pulsante "Crea il tuo progetto" in alto. Sarebbe bello se potessi anche spiegare le scelte che hai fatto lungo il percorso e dirci se hai dei dubbi. In questo modo impareremo tutti gli uni dagli altri. Sarò lì per rispondere alle domande e dare alcune indicazioni. Sono curioso di vedere cosa creerai con quanto appreso nel corso. Ci vediamo lì! ”

Trascrizione parziale del video

“Ciao a tutti. Spero abbiate gradito il viaggio. Abbiamo lavorato su alcune composizioni insieme. ma la parte più importante erano le tecniche apprese. che ora potete portare avanti. Riproporle altrove e creare di diverso. Anche se abbiamo coperto tanto. c'è sempre altro da discutere. Quindi ho preparato una breve lista di consigli per questo video finale. librerie. Ne abbiamo usate alcune durante il corso. ma ce ne sono migliaia in più. Alcuni preferiscono fare tutto da soli. ma a volte è come reinventare la ruota. Ogni volta che avete bisogno di qualcosa di specifico. vi consiglio di contr...”

Questa trascrizione è stata generata con sistemi automatici, quindi può contenere errori.

Riepilogo del corso: Codice creativo 2.0 in JavaScript: animazione, suono e colore

• Livello: Principiante
• 99% valutazioni positive (182)
• 20454 allievi
• 6 unità didattiche
• 28 lezioni (2h 47m)

• Categoria

  3D e Animazione, Web & App Design

• Aree

  JavaScript, Motion graphics, Multimedia, Programmazione