Title: Responsive P5JS for WP
Author: cageehv
Published: <strong>January 28, 2019</strong>
Last modified: May 6, 2022

---

Search plugins

![](https://ps.w.org/responsive-p5js-for-wp/assets/banner-772x250.jpg?rev=2020299)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/responsive-p5js-for-wp/assets/icon-256x256.jpg?rev=2020299)

# Responsive P5JS for WP

 By [cageehv](https://profiles.wordpress.org/cageehv/)

[Download](https://downloads.wordpress.org/plugin/responsive-p5js-for-wp.1.1.3.zip)

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

 [Support](https://wordpress.org/support/plugin/responsive-p5js-for-wp/)

## Description

#### Embed your P5JS sketches in posts and pages in a responsive way

 **1. Create a new sub-directory in the /uploads/p5js/ directory (using FTP):

**2. Upload all files and directories (index.html, scetch.js, libraries, etc) of
your P5JS sketch to the new WordPress /uploads/p5js/[sketch_folder] directory.**

**3. Add a short code to your post or page**

**Attributes**
 **sketchfolder**: the name of your P5JS sketch (REQUIRED) **canvaswidth**:
the width of the sketch, should be the same as in your creattecanvas() statement(
REQUIRED) **canvasheight**: the height of the sketch, should be the same as in your
creattecanvas() statement (REQUIRED) **bordersize**: size of the border in pix (
OPTIONAL, default: 0px) **bordercolor**: color of the border around the sketch (
OPTIONAL, default: no border, only works when you also define a bordersize)

#### Author

CAGE Web Design | Rolf van Gelder, Eindhoven, The Netherlands – http://cagewebdev.
com – http://rvg.cage.nl

#### Plugin URL

http://cagewebdev.com/responsive-p5js-for-wp-wordpress-plugin/

#### Download URL

> [Responsive P5JS for WP](https://wordpress.org/plugins/responsive-p5js-for-wp/)

#### Disclaimer

NO WARRANTY, USE IT AT YOUR OWN RISK!

#### Plugins by CAGE Web Design | Rolf van Gelder

WordPress plugins created by CAGE Web Design | Rolf van Gelder
 http://cagewebdev.
com/category/news-tech-art/wordpress/

## Installation

 * Upload the Plugin to the ‘/wp-content/plugins/’ directory
 * Activate the plugin in the WP Admin Panel » Plugins

## FAQ

### How can I change the settings of this plugin?

 * This plugin doesn’t need any settings

## Reviews

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

### 󠀁[for creative people](https://wordpress.org/support/topic/for-creative-people/)󠁿

 [sapperlot](https://profiles.wordpress.org/sapperlot/) July 30, 2021 1 reply

This is a great plugin! Many Thanks

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

### 󠀁[It works](https://wordpress.org/support/topic/it-works-1609/)󠁿

 [gaubitsa](https://profiles.wordpress.org/gaubitsa/) April 19, 2019

like it should

 [ Read all 2 reviews ](https://wordpress.org/support/plugin/responsive-p5js-for-wp/reviews/)

## Contributors & Developers

“Responsive P5JS for WP” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ cageehv ](https://profiles.wordpress.org/cageehv/)

[Translate “Responsive P5JS for WP” into your language.](https://translate.wordpress.org/projects/wp-plugins/responsive-p5js-for-wp)

### Interested in development?

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

## Changelog

#### v1.1.3 [07/17/2021]

 * BUG FIX: adjusted the timer

#### v1.1.2 [07/16/2021]

 * BUG FIX: timing issue fixed

#### v1.1.1 [04/17/2021]

 * BUG FIX: some bugs were fixed

#### v1.0 [01/28/2019]

 * Initial release

## Meta

 *  Version **1.1.3**
 *  Last updated: **4 years ago**
 *  Active installations: **100+**
 *  WordPress Version: ** 2.8 or higher **
 *  Tested up to: **6.0.11**
 *  PHP Version: ** 5.0 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/responsive-p5js-for-wp/)
 * Tags:
 * [HTML5](https://en-ca.wordpress.org/plugins/tags/html5/)[javascript](https://en-ca.wordpress.org/plugins/tags/javascript/)
   [p5js](https://en-ca.wordpress.org/plugins/tags/p5js/)[processing](https://en-ca.wordpress.org/plugins/tags/processing/)
   [processing.org](https://en-ca.wordpress.org/plugins/tags/processing-org/)
 *  [Advanced View](https://en-ca.wordpress.org/plugins/responsive-p5js-for-wp/advanced/)

## Ratings

 5 out of 5 stars.

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

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

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

## Contributors

 *   [ cageehv ](https://profiles.wordpress.org/cageehv/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/responsive-p5js-for-wp/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](http://cagewebdev.com/donations-p5js/)