Codice creativo 2.0 in JavaScript: animazione, suono e colore
Un corso di Bruno Imbrizi, Programmatore creativo
Esplora tecniche avanzate di programmazione per creare con JavaScript materiale visivo unico che combini colore, movimento e suono
Programmare è come risolvere un puzzle, è un costante ciclo di cose da imparare, errori e ripetizioni che possiamo sfruttare per creare qualcosa di bello. Bruno Imbrizi è un premiato graphic designer che ha dedicato gli ultimi 10 anni della sua carriera a perfezionare l'arte del creative coding.
Bruno usa JavaScript per produrre animazioni, stampe, pezzi interattivi e molto altro, e ha collaborato negli anni con brand come Google, Spotify e Nike, oltre ad aver vinto premi come l'Adobe Cutting Edge Award e il premio FITC per la miglior installazione digitale.
Questo è il secondo corso di Bruno. Nel suo primo corso Coding creativo: realizza visual con JavaScript, ti insegna le basi della programmazione e del disegno con codice.
Cosa imparerai in questo corso?
"Ti insegnerò diverse tecniche per realizzare visual d'impatto con JavaScript."
Cosa imparerai in questo corso online?
28 lezioni & 20 download
Cosa include questo corso?
Comincerai il corso con una panoramica sugli strumenti fondamentali di JavaScript. Poi organizzerai un ambiente di esecuzione per gestire il codice e creare i tuoi sketch.
Scoprirai come disegnare semplici forme interamente con codice, come aggiungere colore, e come allargare o distorcere i tuoi design[/b].
Creerai curve per diverse iterazioni, dagli elementi di design ai grafici, aggiungendo diversi punti lungo il segmento, le animerai e imparerai come creare un cursore interattivo con le immagini.
Darai forma a una visualizzazione audio usando file sonori, estraendo i loro dati e usando le loro frequenze per creare un'animazione.
Sperimenterai infine con le particelle, imparerai a dettare il loro comportamento applicando diverse forze e interferenze, e vedrai come modificare le loro dimensioni e colore.
- 99% valutazioni positive (184)
- 21.011 allievi
- 28 lezioni (2h 47m)
- 20 download
- Online al tuo ritmo
- Disponibile sull'app
- Audio: Inglese, Spagnolo (Latam), Francese, Italiano, Portoghese, Türkçe
- Inglese · Spagnolo · Portoghese · Tedesco · Francese · Italiano · Polacco · Olandese · Türkçe
- Livello: Principiante
- Acceso illimitato per sempre
Qual è il progetto del corso?
Svilupperai con il codice una serie di composizioni con colore e suono, che verranno usate su un browser web.
Progetti di allievi del corso
A chi è rivolto questo corso online?
Questo corso è per chiunque voglia approfondire la propria conoscenza nella programmazione per creare composizioni animate uniche.
Requisiti e materiale
È necessario sapere programmare.
Per quanto riguarda i materiali, avrai bisogno di un computer con JavaScript.
Recensioni
Bruno Imbrizi
Un corso di Bruno Imbrizi
Bruno Imbrizi è un creative coder brasiliano residente a Londra. Dopo la laurea in graphic design ha iniziato a mettere in pratica le sue conoscenze e abilità, combinando il talento per il design con la sua seconda passione, la programmazione.
Nei suoi oltre 10 anni di esperienza, Bruno ha lavorato per agenzie, studi di design, case di produzione e importanti brand come Dell, adidas o Universal Music. I suoi lavori sono apparsi in riviste online come Wired e Londonist, e gli sono valsi numerosi riconoscimenti, come l'Adobe Cutting Edge Award e il premio FITC per la miglior installazione digitale.
Contenuti
-
U1
Introduzione
-
Presentazione
-
Fonti di ispirazione
-
-
U2
Il set up
-
Riepilogo JavaScript
-
L'installazione in linea
-
La configurazione offline
-
Schizzo su tela
-
-
U3
Inclinazione
-
Disegnare un rettangolo
-
Disegnare un rettangolo obliquo
-
Distribuzione
-
Aggiunta di colori
-
Maschera di ritaglio
-
Impostazione di un seme casuale
-
-
U4
Curve
-
Disegnare una curva quadratica
-
Interazione del cursore
-
Punti multipli
-
Creazione di una griglia
-
Segmenti
-
Animazione
-
-
U5
L'audio
-
Premendo Riproduci
-
Analizzatore
-
Frequenze
-
Archi
-
Creazione di un poster
-
-
U6
Particelle
-
Disegnare una singola particella
-
Applicare le forze
-
Distribuzione delle particelle
-
Modifica scala e colori
-
Dati immagine
-
-
PF
Progetto finale
-
Codice creativo 2.0 in JavaScript: animazione, suono e colore
-
Cosa aspettarsi da un corso Domestika
-
Impara al tuo ritmo
Divertiti imparando comodamente da casa e senza orari. Sei tu a decidere quando seguire le lezioni.
-
Impara dai migliori professionisti
Impara i metodi e le tecniche più utili insieme ai migliori professionisti del settore creativo.
-
Conosci insegnanti di grande esperienza
Ogni insegnante ti trasmetterà le sue conoscenze con passione e spiegazioni chiare, offrendoti una prospettiva professionale in ogni lezione.
-
Attestati
PlusSe hai un abbonamento Plus, riceverai un attestato personalizzato firmato dall'insegnante per ogni corso completato. Condividilo sul tuo portfolio, sui social network o dove desideri.
-
Siediti in prima fila
Con i nostri video di alta qualità, non ti perderai neanche un dettaglio. Grazie all'accesso illimitato, puoi vedere ogni lezione tutte le volte che vuoi e perfezionare le tue abilità.
-
Condividi conoscenze e idee
Fai domande, chiedi pareri e offri soluzioni. Condividi la tua esperienza di apprendimento con gli altri allievi della community appassionati di creatività.
-
Interagisci con una community creativa globale
La community di Domestika è composta da milioni di utenti di tutto il mondo: persone curiose, piene di voglia di esplorare ed esprimere la propria creatività.
-
Segui corsi prodotti da veri professionisti
Domestika seleziona gli insegnanti con cura e produce ogni corso internamente, per garantirti un'esperienza di apprendimento online di eccellente qualità.
Domande frequenti
Questo corso è pensato per chi ha un livello intermedio. Si consiglia una conoscenza base di JavaScript e concetti di programmazione prima di iscriversi, per sfruttare al meglio le lezioni.
Ti servirà un browser moderno e strumenti come StackBlitz, CodeSandbox, Node.js, npm e un editor di codice come Sublime Text. Non serve hardware speciale.
Imparerai i concetti base del creative coding, come usare JavaScript e le Canvas API per visual interattivi, tecniche di arte generativa, configurazione dei progetti, esportazione delle opere e integrazione audio per la visualizzazione.
Il corso si concentra principalmente sul creative coding 2D con JavaScript e Canvas API, ma introduce anche concetti di visualizzazione 3D e framework come Processing e OpenFrameworks.
Sì, il corso include istruzioni dettagliate per configurare e usare StackBlitz e CodeSandbox per lo sviluppo nel browser, così puoi iniziare a programmare senza installazioni locali.
Imparerai a esportare le tue opere generative create nel browser come immagini PNG ad alta risoluzione, pronte per essere stampate o condivise online.
Sì, il corso tratta la creazione di visual interattivi e schizzi animati con JavaScript, Canvas API e Canvas Sketch, includendo logiche a frame e input utente.
Polecam, fajna zabawa
Excelente! Buena fuente de inspiración para creativos incursionando en programación
I will recommend this to my friend who likes to know more on javascript designing
Recomendado para principiantes que quiera incorporar su lado artístico a la codificación.
Just getting started into creative coding and this course is definitely a great point to begin at.