p5.js Block

Описание

p5.js + WordPress. Want to share some generative art on your own WordPress site? This is the plugin to make it happen. Add your custom p5.js code, and preview it in the Gutenberg editor before publishing it on your page or post.

  • Currently, this plugin does not work with createCanvas(windowWidth, windowHeight). You’ll need to use actual integer values like, createCanvas(700, 400).
  • Currently, this plugin does not include the p5.dom.js or the p5.sound.js libraries.

This project was bootstrapped with Create Guten Block under the MIT License.

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

Скриншоты

  • Вставка p5.js через блок в редакторе.
  • Вы можете изменять код и просматривать результаты в редакторе.

Блоки

Этот плагин предоставляет 1 блок.

cgb/block-p5js
p5.js Block

Установка

  1. Загрузите файлы плагина в директорию /wp-content/plugins/ или установите плагин напрямую на странице плагинов WordPress.
  2. Активируйте плагин на странице «Плагины» в WordPress.

Часто задаваемые вопросы

В: Требует ли этот плагин Gutenberg?

О: Да, для использования этого блока необходимо установить и активировать плагин Gutenberg или использовать WordPress 5.0.

В: Могу ли я внести свой вклад в проект?

О: Конечно! Репозиторий GitHub: https://github.com/mapk/p5js-block

Отзывы

01.06.2020
I just started learning p5.js a couple of days ago and it was great to be able to instantly add sketches to posts on my existing wordpress site. Wish the sound library was included however as most of my work involves sound. Hopefully in the future!
13.03.2019
Processing is a popular language for digital expression -- and I'm delighted to get to easily embed Processing code into a Gutenberg block. Wow!
Посмотреть все 3 отзыва

Участники и разработчики

«p5.js Block» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«p5.js Block» переведён на 4 языка. Благодарим переводчиков за их работу.

Перевести «p5.js Block» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.1 — Inclusion of p5.js as a local dependency.

1.0 — Functional prototype. It works great using iframes.