p5.js Block

Descripción

p5.js + WordPress. ¿Quieres compartir algún arte generativo en tu propio sitio WordPress? Este es el plugin para hacerlo realidad. Añade tu código p5.js personalizado y previsualízalo en el editor Gutenberg antes de publicarlo en tu página o entrada.

  • Actualmente, este plugin no funciona con createCanvas(windowWidth, windowHeight). Deberás usar valores enteros reales como createCanvas(700, 400).
  • Actualmente, este plugin no incluye las bibliotecas p5.dom.js o p5.sound.js.

Este proyecto se inició con Create Guten Block bajo la licencia MIT.

Este proyecto también utiliza la biblioteca p5.js que es software libre bajo la licencia GPL.

Capturas

  • Inserta el bloque p5.js en el editor.
  • Puedes editar el código y previsualizar los resultados dentro del editor.

Bloques

Este plugin proporciona 1 bloque.

cgb/block-p5js
p5.js Block

Instalación

  1. Sube los archivos del plugin al directorio >/wp-content/plugins/ o instala el plugin directamente en la pantalla de plugins de WordPress.
  2. Activa el plugin desde la pantalla «Plugins» en WordPress

FAQ

P: ¿Este plugin necesita el plugin Gutenberg?

R: Sí, debe estar instalado y activo el plugin Gutenberg o WordPress 5.0 para poder usar este bloque.

P: ¿Cómo puedo contribuir al proyecto?

R: ¡Por supuesto! Este es el repositorio en GitHub: https://github.com/mapk/p5js-block

Reseñas

1 de junio de 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 de marzo de 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!
Leer todas las 3 reseñas

Colaboradores y desarrolladores

«p5.js Block» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«p5.js Block» ha sido traducido a 4 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «p5.js Block» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.1 – Inclusión de p5.js como una dependencia local.

1.0 – Prototipo funcional. Funciona muy bien usando iframes.