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