p5.js – JavaScript-библиотека для создания интерактивных визуализаций с помощью кода

p5.js – JavaScript-библиотека для создания интерактивных визуализаций с помощью кода
Фрагмент визуализации, созданной с помощью p5.js.

С помощью p5.js можно создавать интерактивные и движущиеся визуальные образы и геометрические фигуры с помощью программирования.

Ранее мы уже писали о Cyril – программном окружении для живого кодирования визуальных образов. p5.js имеет похожие цели и является JavaScript-библиотекой и также позволяет создавать визуальные образы с помощью программирования.

p5.js – JavaScript-библиотека для создания интерактивных визуализаций с помощью кода
Фрагмент визуализации, созданной с помощью p5.js.

Другими словами, теперь можно рисовать с помощью кода, где холстом будет выступать страница в вашем браузере.

p5.js имеет множество дополнительных библиотек, которые позволят с легкостью взаимодействовать с другими HTML5-объектами – текстом, видео, аудио или захватом изображения с вебкамеры.

Для того чтобы начать работу в p5.js, необходимо скачать основную библиотеку или отдельные файлы, а также p5-редактор.

p5.js – JavaScript-библиотека для создания интерактивных визуализаций с помощью кода
фрагмент сайта p5js.

Сайт p5.js имеет всю необходимую информацию. Среди других здесь можно найти такие важные разделы:

  • Download – скачать p5.js;
  • Gallery – примеры работ, сделанные с помощью p5.js;
  • Get Started – первые шаги по установке и началу работы в p5.js;
  • Tutorials – обучающие материалы для работы с p5.js;
  • Comunity – сообщество разработчиков и активных пользователей p5.js.

Видео Лаурен Маккарти о возможностях p5.js (на английском языке)

p5.js