Repolode
Предложить
processing

processing/p5.js

p5.js — бесплатная JavaScript-библиотека с открытым исходным кодом для творческого программирования, рисования и создания интерактивной или генеративной графики в интернете.

Открыть на GitHubСайт
Звёзды
24,322
Форки
3,895
Открытые issues
530
Последний коммит
8 часов назад

Что это?

p5.js — JavaScript-библиотека для творческого программирования, которая позволяет художникам, дизайнерам, преподавателям и новичкам рисовать, создавать анимацию и интерактивную графику прямо в браузере. Благодаря структуре с функциями setup() и draw() начать работу можно всего с нескольких строк кода. Библиотека основана на ключевых принципах Processing.

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

p5.js поддерживается преимущественно волонтерами под эгидой Processing Foundation. Проект уделяет особое внимание доступности и инклюзивности и доступен на нескольких языках.

Ключевые возможности

  • 01Простая структура с функциями setup() и draw() позволяет быстро писать скетчи.
  • 02Полный набор инструментов для 2D-рисования фигур, текста и изображений.
  • 03Поддержка аудиовизуальных, интерактивных и генеративных работ.
  • 04Подробная справочная документация, руководства и наглядные примеры.
  • 05Веб-редактор для написания кода в браузере без локальной установки.
  • 06Возможность расширять функциональность с помощью библиотек сообщества.

Сценарии использования

  • Обучение основам программирования через визуальную обратную связь.
  • Создание интерактивного искусства или генеративной графики для интернета.
  • Прототипирование интерактивных дизайнов и анимации в браузере.
  • Создание аудиореактивных визуализаций вместе с библиотекой p5.sound.

Быстрый старт

  1. 1

    Откройте веб-редактор p5.js, чтобы начать писать код без установки чего-либо

  2. 2

    Пройдите руководство Get Started на сайте p5.js

Что важно знать

  • Проект поддерживается в основном волонтёрами, поэтому ответы на issues могут приходить с задержкой.
  • Проект распространяется по лицензии LGPL-2.1 — лицензии со слабым copyleft. Перед использованием ознакомьтесь с её условиями.

В подборках

Открытые инструменты для обучения и образования

Темы

#creative-coding#graphics#javascript#education#generative-art#design#sound#art#html#learning

Частые вопросы

Что такое p5.js?
p5.js — бесплатная JavaScript-библиотека с открытым исходным кодом для творческого программирования, рисования и создания интерактивной или генеративной графики в интернете. p5.js — JavaScript-библиотека для творческого программирования, которая позволяет художникам, дизайнерам, преподавателям и новичкам рисовать, создавать анимацию и интерактивную графику прямо в браузере. Благодаря структуре с функциями setup() и draw() начать работу можно всего с нескольких строк кода. Библиотека основана на ключевых принципах Processing.
p5.js можно использовать бесплатно? Какая у него лицензия?
p5.js распространяется с открытым исходным кодом под лицензией LGPL-2.1. Перед использованием в коммерческих продуктах проверьте условия лицензии.
p5.js всё ещё поддерживается?
Активно поддерживается. Последний коммит в p5.js — 8 нояб. 2026 г..
Для чего можно использовать p5.js?
Обучение основам программирования через визуальную обратную связь. Создание интерактивного искусства или генеративной графики для интернета. Прототипирование интерактивных дизайнов и анимации в браузере. Создание аудиореактивных визуализаций вместе с библиотекой p5.sound.
Как установить p5.js?
Откройте веб-редактор p5.js, чтобы начать писать код без установки чего-либо Пройдите руководство Get Started на сайте p5.js
Где скачать p5.js?
Исходный код и инструкции по установке — на GitHub: https://github.com/processing/p5.js

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

GraphiteEditor / Graphite

Бесплатный редактор векторной и растровой 2D-графики с открытым исходным кодом, построенный на процедурном движке с нодами; сейчас находится в альфа-версии.

Продуктивность и приложения#2d-graphics#vector-graphics#graphic-design
27,9 тыс.+58 за неделю1,3 тыс.RustApache-2.0Обновлён 10 часов назад

easydiffusion / easydiffusion

Настольное приложение для генерации изображений по текстовым запросам и на основе изображений с помощью Stable Diffusion — запускается одним нажатием и не требует настройки.

ИИ и машинное обучение#stable-diffusion#text-to-image#image-generation
10,5 тыс.860JavaScriptOtherОбновлён 4 дня назад