Online tool: "Processing" - programmeer zelf graphics

Anonim

Met Processing schrijf je computerprogramma's die afbeeldingen en animaties genereren.

Processing is een programmeertaal die is ontworpen om de kloof tussen programmeurs en artiesten te overbruggen. Het is gemakkelijk te leren en heeft krachtige grafische functies.
De programma's kunnen interactief reageren op de gebruiker, ze kunnen videobeelden verwerken, elementen als willekeur of ruis introduceren, reageren op muziek en dergelijke. Op verwerking gebaseerde kunstwerken zijn al tentoongesteld in het Museum of Modern Art in New York en het Victoria and Albert Museum in het VK. Het werd gebruikt voor videoclips en commercials. De verwerking zelf draait op uw pc onder Windows of Linux. Maar er is ook een variant die direct op internet draait, deze heet "p5js".
Als je Processing wilt proberen, kun je het beste de P5js online editor openen op dit adres: editor.p5js.org. Aan de linkerkant ziet u het gebied waarin het programma is geschreven. Daar staan al een paar regels code. Rechts ziet u wat er uit deze code voortvloeit.
Begin met iets heel eenvoudigs. U kunt bijvoorbeeld een rechte lijn krijgen met dit commando:
lijn (breedte / 2, 0, breedte / 2, hoogte);
Kopieer de opdracht in de online-editor naar de functie Draw, zodat de functie er als volgt uitziet:

functie tekenen () {
achtergrond (220);
lijn (breedte / 2, 0, breedte / 2, hoogte);
}
Als je nu linksboven op de afspeelknop klikt, verschijnt er een verticale lijn in het rechtergebied. U hebt uw eerste verwerkingsprogramma al geschreven en in gebruik genomen!
Als het systeem u bevalt, download Processing voor uw besturingssysteem en bekijk de meegeleverde voorbeelden, die u in het menu "Bestand" kunt vinden. Wat dacht je bijvoorbeeld van een deeltjeseffect? Deze vind je in de voorbeelden onder "Demo's / VGraphics / Particles". Laad het voorbeeld en klik op de "Play"-knop in de linkerbovenhoek. Er verschijnt een zwart venster waarin u de muis kunt gebruiken om witte vonken te verspreiden.
meer over het onderwerp

  • Verwerken
  • P5js