Instrument online: „Procesare” - grafica programului

Anonim

Cu Procesare, scrieți programe de computer care generează imagini și animații.

Procesarea este un limbaj de programare conceput pentru a acoperi decalajul dintre programatori și artiști. Este ușor de învățat și are funcții grafice puternice.
Programele pot reacționa interactiv la utilizator, pot procesa imagini video, pot introduce elemente precum aleatoriu sau zgomot, pot reacționa la muzică și altele asemenea. Opere de artă bazate pe prelucrare au fost deja expuse la Muzeul de Artă Modernă din New York și la Muzeul Victoria și Albert din Marea Britanie. A fost folosit pentru videoclipuri și reclame. Procesarea în sine rulează pe computerul dvs. sub Windows sau Linux. Dar există și o variantă care rulează direct pe internet, se numește „p5js”.
Dacă doriți să încercați Procesarea, cel mai bun lucru de făcut este să deschideți editorul online P5js la această adresă: editor.p5js.org. În stânga puteți vedea zona în care este scris programul. Câteva linii de cod sunt deja date acolo. În dreapta puteți vedea ce rezultă din acest cod.
Începeți cu ceva foarte simplu. De exemplu, puteți obține o linie dreaptă cu această comandă:
linie (lățime / 2, 0, lățime / 2, înălțime);
Copiați comanda din editorul online în funcția Draw, astfel încât funcția să arate astfel:

function draw () {
fundal (220);
linie (lățime / 2, 0, lățime / 2, înălțime);
}
Dacă faceți clic pe butonul de redare din partea stângă sus, va apărea o linie verticală în zona dreaptă. Ați scris deja primul dvs. program de procesare și l-ați pus în funcțiune!
Dacă vă place sistemul, descărcați Procesarea pentru sistemul dvs. de operare și explorați exemplele furnizate, care pot fi găsite în meniul „Fișier”. Ce zici de un efect de particule, de exemplu? Puteți găsi acest lucru în exemplele din „Demo / VGraphics / Particles”. Încărcați exemplul și faceți clic pe butonul „Redare” din stânga sus. Va apărea o fereastră neagră în care puteți utiliza mouse-ul pentru a distribui scântei albe.
mai multe despre subiect

  • Prelucrare
  • P5js