processing Samouczek
Rozpoczęcie przetwarzania

algorithm Android arduino C++ HTML Java Language JavaScript opencv Python Language SVG
Szukaj…


Uwagi

Przetwarzanie to język programowania i środowisko open source dla osób, które chcą tworzyć obrazy, animacje i interakcje.

Przetwarzanie odnosi się do języka zbudowanego na Javie i minimalnego IDE, z którym jest dostarczany. Jest darmowy i typu open source, działa w systemach Linux, Mac OS X i Windows, i może wyświetlać dane na ekranach, drukach, pakietach 3D i drukach CNC.

Język upraszcza wiele skomplikowanych koncepcji i ułatwia wejście projektantów, artystów i nieprogramiści do świata programowania.

Przez lata był wykorzystywany do tworzenia szeregu projektów, od wizualizacji danych , do obliczeń fizycznych , gier , 3D , dźwięku , występów na żywo i innych .

Ze względu na swoją dynamiczną społeczność Processing nie tylko korzysta z ponad 100 bibliotek, ale jest także obecny na głównych platformach mobilnych, takich jak Android i iOS .

Istnieją społeczności online do udostępniania treści przetwarzających, takich jak OpenProcessing .

Niektóre strony internetowe pozwalają nawet użytkownikom uczyć się i korzystać z przetwarzania bezpośrednio w przeglądarce, na przykład FlashPlay SketchPatch i JavaScript HasCanvas , Sketchpad i p5.js (czysty JS).

Istnieją również porty przetwarzania do następujących języków:

Tryb Android umożliwia uruchamianie Przetwarzania szkiców jako aplikacji na Androida z niewielkimi lub zerowymi zmianami w kodzie przez automatyzację zadań od konfiguracji projektu do eksportu pliku .apk . Szkice do przetwarzania w systemie Android mają również dostęp do podstawowych czujników i urządzeń z systemem Android.

Zaawansowani użytkownicy nie są ograniczeni do IDE przetwarzania; mogą skonfigurować projekty przetwarzania w środowisku Eclipse ; użyj proclipsing lub alternatywnie użyj Sublime Text do zbudowania i uruchomienia szkicu za pomocą pakietu przetwarzania-sublime .

Wersje

Wersja Data wydania
1.5.1 2011-05-15
2.2.1 2014-05-19
3.1.2 2016-07-29
3.2.1 19.08.2016

Instalacja i konfiguracja

Najłatwiejszym sposobem użycia Przetwarzania jest pobranie edytora Przetwarzanie ze strony pobierania Przetwarzanie .

To jest plik zip. Rozpakuj ten plik w dowolnym miejscu, a będziesz mieć katalog zawierający plik wykonywalny (w systemie Windows jest to plik processing.exe ).

Uruchomienie tego pliku wykonywalnego otwiera edytor przetwarzania:

Edytor przetwarzania

Edytor przetwarzania (zwany także Processing Development Environment lub PDE) zawiera wiele narzędzi, które wykonują dla Ciebie wiele pracy. Pozwala napisać kod przetwarzania, który automatycznie konwertuje na Javę, a następnie kompiluje i uruchamia za Ciebie.

PDE zawiera wiele funkcji, ale na razie po prostu napisz kod przetwarzania w białej części edytora, a następnie naciśnij przycisk odtwarzania, aby uruchomić kod. Przykładowy kod znajduje się w sekcji Hello World poniżej.

Możesz także napisać Kod przetwarzania przy użyciu innych podstawowych edytorów kodu, takich jak Atom lub Sublime Text , lub bardziej zaawansowanego środowiska IDE, takiego jak eclipse .

Witaj świecie

Najprostszym sposobem napisania kodu Przetwarzanie jest po prostu wywołanie szeregu funkcji. Naciśnij przycisk uruchamiania w edytorze Przetwarzanie, a Przetwarzanie uruchomi Twój kod. Oto przykład: 

size(200, 200);
background(0, 0, 255);
fill(0, 255, 0);
ellipse(100, 100, 100, 100);

Ten kod tworzy okno o 200x200 , rysuje niebieskie tło, zmienia kolor wypełnienia na zielony, a następnie rysuje okrąg na środku ekranu.

zielone kółko na niebieskim tle

Jednak większość szkiców przetwarzania będzie korzystać ze wstępnie zdefiniowanych funkcji setup() i draw() .

  • Funkcja setup() jest wywoływana automatycznie przez Processing, raz na samym początku szkicu. Ta funkcja jest używana do przeprowadzenia wstępnej konfiguracji, takiej jak size i ładowanie zasobów, takich jak pliki obrazu i dźwięku.

  • Funkcja draw() jest wywoływana automatycznie przez przetwarzanie 60 razy na sekundę. Ta funkcja służy do rysowania i uzyskiwania informacji od użytkowników. 

    void setup() {
  size(200, 200);
}

void draw(){
  background(0);
  ellipse(mouseX, mouseY, 25, 25);
}

Ten kod tworzy okno o 200x200 a następnie rysuje okrąg w bieżącej pozycji myszy.

kółko myszy



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow