Programare creativă 2.0 în JS: Animație, Sunet și Culoare
A course by Bruno ImbriziProgramator creativ
A course by Bruno Imbrizi, Programator creativ
Programare creativă 2.0 în JS: Animație, Sunet și Culoare
Programarea este ca rezolvarea puzzle-urilor; este un ciclu constant de învățare, greșeli și iterații care pot fi folosite pentru a crea ceva frumos. Bruno Imbrizi este un designer grafic premiat care și-a dedicat ultimii 10 ani din carieră stăpânirii artei programării creative .
Folosește JavaScript pentru a produce animații, printuri, piese interactive și multe altele, colaborând cu branduri precum Google, Spotify și Nike și câștigând premii precum Adobe Cutting Edge Award și FITC Best Digital Installation.
Acesta este al doilea curs Domestika al lui Bruno. În primul său curs, Creative Coding: Creating Visuals with JavaScript , el vă învață elementele esențiale ale programării și desenării cu cod de la zero.
Ce obții din acest curs?
„Vă voi învăța câteva tehnici pentru a produce elemente vizuale interesante cu JavaScript .”
Învață să programezi o vizualizare imersivă îmbunătățită cu sunet
Dezvoltați compoziții de codare pline de culoare
Animați-vă elementele vizuale și încorporați interacțiunea cursorului
Ce vei învăța în acest curs online?
1 lecție & 1 descărcare
Configurarea online
1 minut, 1 secundă
Distribuție
1 minut, 1 secundă
Adăugarea de culori
1 minut, 1 secundă
Mască de tăiere
1 minut, 1 secundă
Date de imagine
1 minut, 1 secundă
Ce include acest curs?
Începeți cu o recapitulare a instrumentelor fundamentale ale JavaScript . Apoi configurați un mediu pentru rularea codului și crearea schițelor.
Descoperă cum să desenezi forme de bază în întregime în cod , să adaugi culoare și să întinzi sau să înclini designurile .
Creați curbe pentru diferite iterații, de la elemente de design la grafice, adăugați mai multe puncte de-a lungul unui segment, animați-le și învățați cum să faceți un cursor să interacționeze cu imaginile.
Produceți o vizualizare audio prin redarea fișierelor audio, citirea datelor acestora și utilizarea frecvențelor pentru a crea o animație.
Experimentează cu particule și învață să dictezi cum se comportă acestea aplicând diferite forțe și perturbări, precum și modificându-le dimensiunea și culoarea.
What is this course's project?
Dezvoltați o serie de compoziții de codare folosind culoare și sunet, care vor rula pe un browser web.
Proiecte ale studenților cursului
Who is this online course for?
Acest curs este destinat oricui este interesat să își aprofundeze cunoștințele de programare pentru a crea compoziții animate unice.
Requirements and materials
Cunoștințe anterioare de programare sunt necesare pentru acest curs.
În ceea ce privește echipamentul, veți avea nevoie de acces la un dispozitiv cu JavaScript.
Recenzii
- 4 luni în urmă
Polecam, fajna zabawa
- 7 luni în urmă
Excelente! Buena fuente de inspiración para creativos incursionando en programación
- 9 luni în urmă
I will recommend this to my friend who likes to know more on javascript designing
- 9 luni în urmă
Recomendado para principiantes que quiera incorporar su lado artístico a la codificación.
- chillwill47PLUS11 luni în urmă
Just getting started into creative coding and this course is definitely a great point to begin at.
Conţinut
- U 1
Introducere
- Despre mine
- Influențe
- U 2
Configurarea
- Recapitulare JavaScript
- Configurarea online
- Configurarea offline
- Schiță pe pânză
- U 3
Înclinare
- Desenarea unui dreptunghi
- Desenarea unui dreptunghi înclinat
- Distribuție
- Adăugarea de culori
- Mască de tăiere
- Setarea unei semințe aleatorii
- U 4
Curbe
- Desenarea unei curbe pătratice
- Interacțiunea cursorului
- Puncte multiple
- Crearea unei grile
- Segmente
- Animaţie
- U 5
Audio-ul
- Apăsând Redare
- Analizor
- Frecvențe
- Arcuri
- Crearea unui poster
- U 6
Particule
- Desenarea unei singure particule
- Aplicarea forțelor
- Distribuirea particulelor
- Modificarea scalei și a culorilor
- Date de imagine
- FP
Proiect final
- Programare creativă 2.0 în JS: Animație, Sunet și Culoare
La ce să te aștepți de la un curs Domestika
Învață în ritmul tău propriu
Bucură-te de învățarea de acasă, fără un program fix și cu o metodă ușor de urmat. Tu îți stabilești propriul ritm.
Învață de la cei mai buni profesioniști
Învață metode și tehnici valoroase explicate de experți de top din sectorul creativ.
Întâlnește profesori experți
Fiecare expert predă ceea ce face cel mai bine, cu îndrumări clare, pasiune adevărată și perspicacitate profesională în fiecare lecție.
Certificates
PLUSIf you're a Plus member, get a certificat personalizat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Obțineți locuri în primul rând
Videoclipuri de cea mai înaltă calitate, pentru a nu rata niciun detaliu. Cu acces nelimitat, le poți viziona de câte ori este nevoie pentru a-ți perfecționa tehnica.
Împărtășește cunoștințe și idei
Pune întrebări, solicită feedback sau oferă soluții. Împărtășește-ți experiența de învățare cu alți studenți din comunitate care sunt la fel de pasionați de creativitate ca și tine.
Conectează-te cu o comunitate creativă globală
Comunitatea găzduiește milioane de oameni din întreaga lume, curioși și pasionați de explorarea și exprimarea creativității lor.
Urmărește cursuri produse profesional
Domestika își gestionează lista de profesori și produce fiecare curs intern pentru a asigura o experiență de învățare online de înaltă calitate.
Întrebări frecvente
This course is designed for intermediate learners. Basic familiarity with JavaScript and coding concepts is recommended before enrolling to get the most out of the lessons.
You'll need access to a modern web browser, and tools like StackBlitz, CodeSandbox, Node.js, npm, and a code editor such as Sublime Text. No specialized hardware is required.
You'll learn foundational creative coding concepts, how to use JavaScript and Canvas APIs for interactive visuals, generative art techniques, project setup, exporting artwork, and integrating audio for visualization.
The course primarily focuses on 2D creative coding using JavaScript and Canvas APIs, but introduces 3D visualization concepts and frameworks like Processing and OpenFrameworks.
Yes, the course includes detailed instructions for setting up and using StackBlitz and CodeSandbox for browser-based development, making it easy to start coding without local installations.
You'll learn how to export your browser-based generative artwork as high-resolution PNG images, which can then be printed or shared online.
Yes, the course covers creating interactive visuals and animated sketches using JavaScript, the Canvas API, and Canvas Sketch, including frame-based logic and user input.