Embed a ProcessingJS sketch (http://processingjs.org) in your post or page with this plugin

cageehv

Responsive P5JS for WP

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

<h4>Embed a ProcessingJS sketch (http://processingjs.org) in your post or page with this plugin</h4>
<p>You can use the shorttag (<strong>[pjs4wp]…[/pjs4wp]</strong>) in two different ways:</p>
<p><strong>1) Put the actual ProcessingJS code in a post or page, for instance:</strong></p>
<p>[pjs4wp]<br />
void setup()<br />
{<br />
  size(200, 200);<br />
  text(“Hello world!”, 50, 50);<br />
}<br />
[/pjs4wp]</p>
<p><strong>2) Use an existing ProcessingJS .pde sketch like this:</strong></p>
<p>[pjs4wp url=”/wp-content/uploads/my_sketch.js” bordercolor=”#000″][/pjs4wp]</p>
<p><strong>IMPORTANT:</strong><br />
RENAME YOUR <strong>.pde</strong> FILE TO <strong>.js</strong> BEFORE UPLOADING!<br />
So in the example: rename your original <strong>my_sketch.pde</strong> file to <strong>my_sketch.js</strong>!<br />
Some servers / browsers are not happy with the .pde extension, that’s why…</p>
<h4>Example</h4>
<p>See a live example here:<br />
http://rvg.cage.nl/rvglife-internet-2014/</p>
<h4>Author</h4>
<p>CAGE Web Design | Rolf van Gelder, Eindhoven, The Netherlands – http://cagewebdev.com – http://rvg.cage.nl</p>
<h4>Plugin URL</h4>
<p>http://cagewebdev.com/processingjs-for-wordpress</p>
<h4>Download URL</h4>
<p>https://wordpress.org/plugins/processingjs-for-wordpress</p>
<h4>Disclaimer</h4>
<p>NO WARRANTY, USE IT AT YOUR OWN RISK!</p>
<h4>Plugins by CAGE Web Design | Rolf van Gelder</h4>
<p>WordPress plugins created by CAGE Web Design | Rolf van Gelder<br />
http://cagewebdev.com/category/news-tech-art/wordpress/</p>


Alternatives to ProcessingJS for WordPress

Top alternatives