Online eszköz: "Feldolgozás" - programozza magát a grafikát

Tartalomjegyzék

A Processing segítségével számítógépes programokat ír, amelyek képeket és animációkat hoznak létre.

A Processing egy programozási nyelv, amely áthidalja a szakadékot a programozók és a művészek között. Könnyen megtanulható, és erőteljes grafikai funkciókkal rendelkezik.
A programok interaktívan reagálhatnak a felhasználóra, videoképeket dolgozhatnak fel, bevezethetnek olyan elemeket, mint a véletlenszerűség vagy a zaj, reagálhatnak a zenére és hasonlók. A feldolgozáson alapuló műalkotásokat már kiállították a New York-i Modern Művészeti Múzeumban és az Egyesült Királyság Victoria and Albert Múzeumában. Videoklipekhez és reklámokhoz használták. Maga a feldolgozás fut a számítógépen Windows vagy Linux alatt. De van olyan változat is, amely közvetlenül az interneten fut, az úgynevezett "p5js".
Ha ki szeretné próbálni a Feldolgozást, akkor a legjobb, ha megnyitja a P5js online szerkesztőt ezen a címen: editor.p5js.org. A bal oldalon látható a terület, amelyen a program meg van írva. Néhány sor kód már ott van. A jobb oldalon láthatja, hogy mit eredményez ez a kód.
Kezdj valami nagyon egyszerűvel. Például egyenes vonalat kaphat ezzel a paranccsal:
vonal (szélesség / 2, 0, szélesség / 2, magasság);
Másolja a parancsot az online szerkesztőben a Rajz funkcióba, így a függvény így néz ki:

function draw () {
háttér (220);
vonal (szélesség / 2, 0, szélesség / 2, magasság);
}
Ha most a bal felső sarokban lévő lejátszás gombra kattint, a jobb oldalon függőleges vonal jelenik meg. Már megírta az első feldolgozó programot, és elindította azt!
Ha tetszik a rendszer, töltse le a Processing operációs rendszeréhez, és fedezze fel a mellékelt példákat, amelyek a "Fájl" menüben találhatók. Mi a helyzet például a részecskehatással? Ezt megtalálhatja a példákban a "Demók / VGrafika / Részecskék" részben. Töltse be a példát, és kattintson a "Lejátszás" gombra a bal felső sarokban. Megjelenik egy fekete ablak, amelyben az egeret fehér szikrák eloszlatására használhatja.
többet a témáról

  • Feldolgozás
  • P5js

Segít a fejlesztés a helyszínen, megosztva az oldalt a barátaiddal

wave wave wave wave wave