processing учебник
Начало работы с обработкой

замечания

Версии

Установка и настройка

Самый простой способ использования обработки - загрузить редактор обработки со страницы загрузки .

Это происходит как zip-файл. Разархивируйте этот файл в любом месте, и у вас будет каталог, содержащий исполняемый файл (в Windows, это processing.exe ).

Запуск этого исполняемого файла открывает редактор обработки:

Редактор обработки (также называемый средой разработки разработки или PDE) содержит множество инструментов, которые много работают для вас. Он позволяет вам писать код обработки, который он автоматически преобразует в Java, а затем компилирует и запускает для вас.

PDE содержит много функций, но пока просто напишите свой код обработки в белом разделе редактора, а затем нажмите кнопку воспроизведения, чтобы запустить код. См. Раздел Hello World ниже для некоторого примера кода.

Вы также можете написать код обработки, используя другие базовые редакторы кода, такие как Atom или Sublime Text , или с более продвинутой IDE, такой как eclipse .

Привет, мир

Самый простой способ написать код обработки - просто вызвать ряд функций. Нажмите кнопку запуска в редакторе обработки, и обработка будет запускать ваш код. Вот пример:

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

Этот код создает окно 200x200 , рисует синий фон, меняет цвет заливки на зеленый, а затем рисует круг посередине экрана.

Однако большинство обработок эскизов будут использовать предопределенные функции setup() и draw() .

• Функция setup() вызывается автоматически обработкой один раз в самом начале эскиза. Эта функция используется для начальной настройки, такой как size и загрузка таких ресурсов, как изображения и звуковые файлы.

• Функция draw() вызывается автоматически обработкой 60 раз в секунду. Эта функция используется для рисования и ввода пользовательского ввода.

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

Этот код создает окно 200x200 и затем рисует круг в текущей позиции мыши.