Narzędzie online: „Przetwarzanie” - samodzielnie zaprogramuj grafikę

Spisie treści

Dzięki Przetwarzaniu piszesz programy komputerowe, które generują obrazy i animacje.

Przetwarzanie to język programowania zaprojektowany w celu wypełnienia luki między programistami a artystami. Jest łatwy do nauczenia i posiada rozbudowane funkcje graficzne.
Programy mogą interaktywnie reagować na użytkownika, przetwarzać obrazy wideo, wprowadzać elementy takie jak przypadkowość czy szum, reagować na muzykę i tym podobne. Dzieła sztuki oparte na przetwarzaniu były już wystawiane w Museum of Modern Art w Nowym Jorku oraz w Victoria and Albert Museum w Wielkiej Brytanii. Był używany do wideoklipów i reklam. Samo przetwarzanie działa na twoim komputerze w systemie Windows lub Linux. Ale jest też wariant, który działa bezpośrednio w Internecie, nazywa się „p5js”.
Jeśli chcesz wypróbować Przetwarzanie, najlepiej jest otworzyć edytor online P5js pod tym adresem: editor.p5js.org. Po lewej stronie widać obszar, w którym napisany jest program. Podano tam już kilka linijek kodu. Po prawej możesz zobaczyć, co wynika z tego kodu.
Zacznij od czegoś bardzo prostego. Na przykład możesz uzyskać linię prostą za pomocą tego polecenia:
linia (szerokość/2, 0, szerokość/2, wysokość);
Skopiuj polecenie w edytorze online do funkcji Draw, aby funkcja wyglądała tak:

rysowanie funkcji () {
tło (220);
linia (szerokość / 2, 0, szerokość / 2, wysokość);
}
Jeśli teraz klikniesz przycisk odtwarzania w lewym górnym rogu, w prawym obszarze pojawi się pionowa linia. Napisałeś już swój pierwszy program do przetwarzania i uruchomiłeś go!
Jeśli podoba Ci się system, pobierz Przetwarzanie dla swojego systemu operacyjnego i zapoznaj się z dostarczonymi przykładami, które można znaleźć w menu „Plik”. Co powiesz na przykład na efekt cząsteczkowy? Możesz to znaleźć w przykładach w "Demos / VGraphics / Particles". Załaduj przykład i kliknij przycisk „Graj” w lewym górnym rogu. Pojawi się czarne okno, w którym możesz użyć myszki do rozprowadzania białych iskier.
więcej na ten temat

  • Przetwarzanie
  • P5js

Będziesz pomóc w rozwoju serwisu, dzieląc stronę ze swoimi znajomymi

wave wave wave wave wave