Онлайн-инструмент: «Обработка» - программирование графики самостоятельно.

Содержание

Используя Processing, вы пишете компьютерные программы, которые генерируют изображения и анимацию.

Processing - это язык программирования, призванный преодолеть разрыв между программистами и художниками. Он прост в освоении и имеет мощные графические функции.
Программы могут интерактивно реагировать на пользователя, они могут обрабатывать видеоизображения, вводить такие элементы, как случайность или шум, реагировать на музыку и тому подобное. Произведения искусства, основанные на обработке, уже выставлены в Музее современного искусства в Нью-Йорке и Музее Виктории и Альберта в Великобритании. Его использовали для видеоклипов и рекламных роликов. Сама обработка выполняется на вашем ПК под Windows или Linux. Но есть также вариант, который работает непосредственно в Интернете, он называется «p5js».
Если вы хотите попробовать Processing, лучше всего открыть онлайн-редактор P5js по этому адресу: editor.p5js.org. Слева вы видите область, в которой написана программа. Там уже дано несколько строк кода. Справа вы можете увидеть, что получается из этого кода.
Начните с чего-нибудь очень простого. Например, вы можете получить прямую линию с помощью этой команды:
линия (ширина / 2, 0, ширина / 2, высота);
Скопируйте команду в онлайн-редакторе в функцию Draw, чтобы функция выглядела так:

function draw () {
фон (220);
линия (ширина / 2, 0, ширина / 2, высота);
}
Если вы сейчас нажмете кнопку воспроизведения в верхнем левом углу, в правой области появится вертикальная линия. Вы уже написали свою первую программу обработки и запустили ее!
Если вам нравится система, загрузите Processing для своей операционной системы и изучите прилагаемые примеры, которые можно найти в меню «Файл». Как насчет эффекта частиц, например? Вы можете найти это в примерах в разделе «Demos / VGraphics / Particles». Загрузите пример и нажмите кнопку «Воспроизвести» в левом верхнем углу. Появится черное окно, в котором вы можете использовать мышь для распределения белых искр.
больше по теме

  • Обработка
  • P5js

Вы поможете развитию сайта, поделившись страницей с друзьями

wave wave wave wave wave