обработка - processing.js - p5.js

Этот язык также известен как «Processing», появившийся примерно в 2000 году. Бен Фрай и Кейси Риас - это имена разработчика, который разработал и спроектировал язык с высокой степенью визуализации. Обработка - это язык на основе Java, который следует большинству синтаксических правил Java.

Как написано на веб-сайте Processing,

«Обработка - это гибкий программный блокнот и язык для обучения программированию в контексте визуального искусства».

Processing - это язык с открытым исходным кодом, который также поставляется с пакетом IDE. В настоящее время на рынке находится 3-я версия Процессинга. Программы обработки называются эскизами с расширением .pde. Если мы напишем скетч и включим его на веб-страницу, Processing.js позаботится обо всем остальном, чтобы сделать его визуально насыщенным.

В 2007 году Джон Ресиг начал проект под названием Processing.js, который переводит код обработки на основе Java в JavaScript. Он снова предназначен для написания визуализаций, изображений, искусства. Processing.js позволяет веб-браузерам отображать анимацию, игры, визуальные эффекты и графический контент без Java-апплета или активации каких-либо плагинов.

Теперь на сцене появляется p5.js. p5 - это библиотека javaScript, в которой корнем является язык обработки, работающий на чистом JavaScript. p5 в основном создан, чтобы помочь дизайнерам, художникам и начинающим программистам познакомиться с кодом и легко доступен для него. p5.js имеет полный набор функций рисования. Теперь мы можем рассматривать всю страницу браузера как набросок. Для этого в p5.js есть библиотеки, которые упрощают взаимодействие с другими объектами текста, видео, аудио и HTML.

Предположим, нам нужно создать графику на веб-странице, используя чистый JS, мы должны написать более сотни строк кода, но с использованием p5.js это делается с очень небольшим количеством строк.

Вот несколько интересных примеров, которые мы можем проверить на сайте.