Title: p5.js Block
Author: Mark Uraine
Published: <strong>7 Febbraio 2019</strong>
Last modified: 28 Maggio 2020

---

Ricerca i plugin

![](https://ps.w.org/wp-p5js-block/assets/banner-772x250.png?rev=2026904)

Questo plugin **non è stato testato con le ultime 3 versioni principali (major releases)
di WordPress**. Potrebbe non essere più mantenuto, o supportato, e potrebbe presentare
problemi di compatibilità se utilizzato con versioni più recenti di WordPress.

![](https://ps.w.org/wp-p5js-block/assets/icon-256x256.png?rev=2026902)

# p5.js Block

 Di [Mark Uraine](https://profiles.wordpress.org/mapk/)

[Scarica](https://downloads.wordpress.org/plugin/wp-p5js-block.zip)

 * [Dettagli](https://it.wordpress.org/plugins/wp-p5js-block/#description)
 * [Recensioni](https://it.wordpress.org/plugins/wp-p5js-block/#reviews)
 *  [Installazione](https://it.wordpress.org/plugins/wp-p5js-block/#installation)
 * [Sviluppo](https://it.wordpress.org/plugins/wp-p5js-block/#developers)

 [Supporto](https://wordpress.org/support/plugin/wp-p5js-block/)

## Descrizione

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](https://github.com/ahmadawais/create-guten-block)
under the [MIT License](https://github.com/ahmadawais/create-guten-block/blob/master/LICENSE).

This project also uses the p5.js library which is free software under the [GPL License](http://p5js.org/copyright.html).

## Screenshot

 * [[
 * Insert the p5.js block into the editor.
 * [[
 * You can edit the code and preview the results from within the editor.

## Blocchi

Questo plugin fornisce 1 blocco.

 *   p5.js Block

## Installazione

 1. Upload the plugin files to the `/wp-content/plugins/` directory, or install the
    plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.

## FAQ

### Q: Does this plugin require the Gutenberg plugin?

A: Yes, the Gutenberg plugin, or WordPress 5.0 must be installed and active in order
to use this block.

### Q: Can I contribute to the project?

A: Of course! This is the GitHub Repository: https://github.com/mapk/p5js-block

## Recensioni

![](https://secure.gravatar.com/avatar/b9ccfa81ba51c8cec6e4e654eee3d1a477c083ab42e06d2425fcb6ce64d7f817?
s=60&d=retro&r=g)

### 󠀁[Good idea](https://wordpress.org/support/topic/good-idea-73/)󠁿

 [televizor](https://profiles.wordpress.org/televizor/) 19 Luglio 2020

Thank you for this.

![](https://secure.gravatar.com/avatar/e05d3a73570246b86c4fecb0f25c626384a26336ac01405f79dbcc9504723d11?
s=60&d=retro&r=g)

### 󠀁[Fantastic!](https://wordpress.org/support/topic/fantastic-2456/)󠁿

 [zargabrite](https://profiles.wordpress.org/zargabrite/) 1 Giugno 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!

![](https://secure.gravatar.com/avatar/775894c99a8fbeea86f893222b51abf0fe6da4a938b20eb1e608d4d0958fe816?
s=60&d=retro&r=g)

### 󠀁[Makes it easy to add Processing to WordPress posts!](https://wordpress.org/support/topic/https-twitter-com-tarngerine-status-1108038641819893760/)󠁿

 [Alexis Lloyd](https://profiles.wordpress.org/alexislloyd/) 19 Marzo 2019

![](https://secure.gravatar.com/avatar/533ec316369ac50826003e35f0f382fe21d34f09b5a00c2210e670c641497893?
s=60&d=retro&r=g)

### 󠀁[This makes Processing easy!](https://wordpress.org/support/topic/this-makes-processing-easy/)󠁿

 [johnmaeda](https://profiles.wordpress.org/johnmaeda/) 13 Marzo 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!

 [ Leggi tutte le recensioni di 4 ](https://wordpress.org/support/plugin/wp-p5js-block/reviews/)

## Contributi e sviluppo

“p5.js Block” è un software open source. Le persone che hanno contribuito allo sviluppo
di questo plugin sono indicate di seguito.

Collaboratori

 *   [ Mark Uraine ](https://profiles.wordpress.org/mapk/)

“p5.js Block” è stato tradotto in 5 lingue. Grazie a [chi traduce](https://translate.wordpress.org/projects/wp-plugins/wp-p5js-block/contributors)
per il contributo.

[Traduci “p5.js Block” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/wp-p5js-block)

### Ti interessa lo sviluppo?

[Esplora il codice](https://plugins.trac.wordpress.org/browser/wp-p5js-block/) segui
il [repository SVN](https://plugins.svn.wordpress.org/wp-p5js-block/), segui il 
[log delle modifiche](https://plugins.trac.wordpress.org/log/wp-p5js-block/) tramite
[RSS](https://plugins.trac.wordpress.org/log/wp-p5js-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

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

1.0 – Functional prototype. It works great using iframes.

## Meta

 *  Versione **1.1.0**
 *  Ultimo aggiornamento **6 anni fa**
 *  Installazioni attive **200+**
 *  Versione WordPress ** 5.0 o superiore **
 *  Testato fino alla versione **5.3.21**
 *  Lingue
 * [English (US)](https://wordpress.org/plugins/wp-p5js-block/), [Russian](https://ru.wordpress.org/plugins/wp-p5js-block/),
   [Spanish (Chile)](https://cl.wordpress.org/plugins/wp-p5js-block/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/wp-p5js-block/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/wp-p5js-block/), e [Spanish (Venezuela)](https://ve.wordpress.org/plugins/wp-p5js-block/).
 *  [Traduci nella tua lingua](https://translate.wordpress.org/projects/wp-plugins/wp-p5js-block)
 * Tag
 * [generative art](https://it.wordpress.org/plugins/tags/generative-art/)[javascript](https://it.wordpress.org/plugins/tags/javascript/)
   [p5js](https://it.wordpress.org/plugins/tags/p5js/)[processing](https://it.wordpress.org/plugins/tags/processing/)
 *  [Visualizzazione avanzata](https://it.wordpress.org/plugins/wp-p5js-block/advanced/)

## Valutazioni

 5 su 5 stelle.

 *  [  4 recensioni a 5-stelle     ](https://wordpress.org/support/plugin/wp-p5js-block/reviews/?filter=5)
 *  [  0 recensioni a 4-stelle     ](https://wordpress.org/support/plugin/wp-p5js-block/reviews/?filter=4)
 *  [  0 recensioni a 3-stelle     ](https://wordpress.org/support/plugin/wp-p5js-block/reviews/?filter=3)
 *  [  0 recensioni a 2-stelle     ](https://wordpress.org/support/plugin/wp-p5js-block/reviews/?filter=2)
 *  [  0 recensioni a 1-stelle     ](https://wordpress.org/support/plugin/wp-p5js-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-p5js-block/reviews/#new-post)

[Vedi tutte le recensioni](https://wordpress.org/support/plugin/wp-p5js-block/reviews/)

## Collaboratori

 *   [ Mark Uraine ](https://profiles.wordpress.org/mapk/)

## Supporto

Hai qualcosa da dire? Ti serve aiuto?

 [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/wp-p5js-block/)