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

---

Search plugins

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

Nid yw’r ategyn hwn **wedi cael ei ddiweddaru ers 3 ryddhad mawr**. Efallai nad 
yw’n cael ei gynnal bellach ac efallai bod materion cydnawsedd wrth gael ei ddefnyddio
gyda fersiynau mwy diweddar o WordPress.

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

# p5.js Block

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

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

 * [Details](https://cy.wordpress.org/plugins/wp-p5js-block/#description)
 * [Reviews](https://cy.wordpress.org/plugins/wp-p5js-block/#reviews)
 *  [Installation](https://cy.wordpress.org/plugins/wp-p5js-block/#installation)
 * [Development](https://cy.wordpress.org/plugins/wp-p5js-block/#developers)

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

## Disgrifiad

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).

## Lluniau Sgrin

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

## Blocks

This plugin provides 1 block.

 *   p5.js Block

## Gosod

 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.

## Cwestiynau Cyffredin

### 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

## Adolygiadau

![](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/) Gorffennaf 19, 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/) Mehefin 1, 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/) Mawrth 19, 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/) Mawrth 13, 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!

 [ Read all 4 reviews ](https://wordpress.org/support/plugin/wp-p5js-block/reviews/)

## Contributors & Developers

“p5.js Block” is open source software. The following people have contributed to 
this plugin.

Cyfranwyr

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

“p5.js Block” has been translated into 5 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/wp-p5js-block/contributors)
for their contributions.

[Translate “p5.js Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/wp-p5js-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/wp-p5js-block/), check
out the [SVN repository](https://plugins.svn.wordpress.org/wp-p5js-block/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/wp-p5js-block/) 
by [RSS](https://plugins.trac.wordpress.org/log/wp-p5js-block/?limit=100&mode=stop_on_copy&format=rss).

## Cofnod Newid

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

1.0 – Functional prototype. It works great using iframes.

## Meta

 *  Version **1.1.0**
 *  Last updated **6 blynedd yn ôl**
 *  Active installations **200+**
 *  WordPress version ** 5.0 neu uwch **
 *  Tested up to **5.3.21**
 *  Languages
 * [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/), a [Spanish (Venezuela)](https://ve.wordpress.org/plugins/wp-p5js-block/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/wp-p5js-block)
 * Tags
 * [generative art](https://cy.wordpress.org/plugins/tags/generative-art/)[javascript](https://cy.wordpress.org/plugins/tags/javascript/)
   [p5js](https://cy.wordpress.org/plugins/tags/p5js/)[processing](https://cy.wordpress.org/plugins/tags/processing/)
 *  [Advanced View](https://cy.wordpress.org/plugins/wp-p5js-block/advanced/)

## Graddau

 5 out of 5 stars.

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

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

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

## Cyfranwyr

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

## Cefnogaeth

Rhywbeth i’w ddweud? Angen help?

 [Gweld y fforwm cefnogi](https://wordpress.org/support/plugin/wp-p5js-block/)