Programare creativă: Crearea de elemente vizuale cu JavaScript
A course by Bruno ImbriziProgramator creativ
A course by Bruno Imbrizi, Programator creativ
Programare creativă: Crearea de elemente vizuale cu JavaScript
Experimentarea cu programarea creativă nu devine niciodată plictisitoare - există întotdeauna ceva de explorat, tehnici noi de învățat sau imagini noi de creat. Pentru programatorul creativ Bruno Imbrizi, este o oportunitate de a-și îmbina interesele pentru grafica animată și elementele vizuale cu programarea. A lucrat atât pentru agenții mici, cât și pentru branduri cunoscute, inclusiv Dell, Adidas și Universal Music.
În acest curs, Bruno își împărtășește expertiza pentru a vă ajuta să creați elemente vizuale captivante folosind cod. Explorați elementele fundamentale ale programării și învățați cum să desenați cu ajutorul codării creative în JavaScript.
Vrei să-ți aprofundezi cunoștințele de programare? Consultă al doilea curs al lui Bruno, Creative Coding 2.0 in JS: Animation, Sound, & Color pentru a descoperi tehnici mai avansate pentru crearea de compoziții codificate cu culoare, mișcare și sunet.
Ce vei învăța în acest curs online?
1 lecție & 1 descărcare
Un mediu pentru schițare
1 minut, 1 secundă
Grilă
1 minut, 1 secundă
Zgomot
1 minut, 1 secundă
Interfață grafică
1 minut, 1 secundă
Text
1 minut, 1 secundă
Hartă de biți
1 minut, 1 secundă
Ce include acest curs?
Începeți prin a-l cunoaște pe programatorul creativ Bruno Imbrizi. El vorbește despre începuturile carierei sale de designer grafic și despre cum o combină cu interesul său pentru programare. Apoi, discută despre platformele pe care le folosește cu plăcere și de ce, precum și despre persoanele care i-au influențat munca.
Explorează elementele fundamentale ale programării. Bruno te învață cum să configurezi instrumentele principale înainte de a oferi o prezentare generală a conceptelor de programare, cum ar fi variabilele, funcțiile, tablourile și buclele. Apoi demonstrează cum să îmbunătățești configurația înainte de a începe o colecție de schițe.
Creează o nouă schiță digitală folosind diferite transformări pe pânză. Apoi învață cum să folosești trigonometria pentru a distribui forme în jurul unui cerc. Învață cum să scalezi schițele și vezi cum să utilizezi funcții utilitare pentru a facilita următoarele proiecte. Finisează-ți schița desenând arcuri și jucând cu diferite valori pentru parametrii tăi.
Proiectează o schiță animată cu agenți care se mișcă pe pânză. Învață cum să trasezi linii între ei în funcție de proximitatea lor înainte de a vedea cum să exporți animația ca fișier video pe care îl poți partaja online.
Revizuiește-ți grila și învață să o faci mai flexibilă și mai eficientă. Apoi folosește generatoare de zgomot pentru a o îmbunătăți. Creează un mic panou de control care îți permite să actualizezi schițele în timp real.
În cele din urmă, descoperă cum să lucrezi cu text în compozițiile tale. Bruno îți arată cum să îl desenezi, să îl măsori și să setezi proprietățile fontului înainte de a explica cum să actualizezi litera folosind o simplă atingere de tastatură. Încheie cursul învățând cum să citești valorile culorilor și să pui ultimele retușuri la schița finală.
What is this course's project?
Proiectați o serie de compoziții vizuale creative care pot fi implementate într-un browser web folosind cod.
Proiecte ale studenților cursului
Who is this online course for?
Acest curs se adresează oricui este interesat de programare și de a învăța să creeze elemente vizuale prin codare.
Requirements and materials
Se recomandă cunoștințe de matematică de bază.
Se recomandă cunoștințe de bază de matematică. Veți avea nevoie de un computer cu Node.js, precum și acces la un browser web și un editor de text.
Sisteme de operare:
⦁Linux ⦁SmartOS macOS 10.7 sau o versiune ulterioară ⦁Windows 2008 sau ulterioară
Cerințe de sistem:
⦁4 GB RAM ⦁10 GB spațiu liber
Recenzii
- 16 zile în urmă
Great course, I wish I’d had a stronger foundation in coding before taking it.
- 1 lună în urmă
Excellent introductory course
- 2 luni în urmă
Great course!!!
- 2 luni în urmă
I loved this! I learned a lot and I sincerely recommend this course.
- 4 luni în urmă
Ótimo curso. O professor entende do assunto em profundidade e sabe transmitir muito bem o conteúdo. É uma excelente oportunidade como porta de entrada para a programação criativa.
Conţinut
- U 1
Introducere
- Despre mine
- Influențe
- U 2
Fundamente
- Înființat
- Variabile și funcții
- Matrici și bucle
- Un mediu pentru schițare
- U 3
Transformare schiță
- Transforma
- Unghiuri
- Funcții utilitare
- Arcuri
- U 4
Agenți de schițe
- Obiecte și clase
- Agenți de animare
- Linii
- Ieșire video
- U 5
Zgomot de schiță
- Grilă
- Zgomot
- Interfață grafică
- U 6
Tip de schiță
- Text
- Asincron
- Hartă de biți
- Glife
- FP
Proiect final
- Introducere în programare pentru designeri vizuali
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
Creative coding is using programming for artistic or visual expression. This course teaches you how to use JavaScript, HTML, and Canvas to create interactive visuals and generative art through hands-on coding experiments.
This course is designed for intermediate users. Basic familiarity with JavaScript and web development is recommended, but key concepts and tools are explained step by step for those with some coding background.
You'll need a code editor like Sublime Text or Visual Studio Code, Node.js, npm, and a modern web browser. The course also covers installing and setting up all required tools for creative coding projects.
You'll learn to create generative art, interactive visuals, and prototypes using JavaScript, Canvas, and web technologies. Topics include drawing shapes, transformations, animation, exporting graphics, and using libraries like Canvas Sketch.
The course teaches you to use JavaScript Canvas API methods such as fillRect, arc, and fillStyle to draw and style rectangles, circles, and other shapes directly in the browser.
Yes, you'll learn to export your generative sketches as PNG images or video files using Canvas Sketch CLI, along with workflow tips for high-quality exports.
You'll be guided through installing Canvas Sketch, initializing projects, managing dynamic canvas dimensions, and running sketches in your browser or terminal.