Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

ProcessingJS for WordPress

Directly write Processing.js code in your post / page or include an existing .pde sketch

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

You can use the shorttag ([pjs4wp]...[/pjs4wp]) in two different ways:

1) Put the actual ProcessingJS code in a post or page, for instance:

[pjs4wp]
void setup()
{
  size(200, 200);
  text("Hello world!", 50, 50);
}
[/pjs4wp]

2) Use an existing ProcessingJS .pde sketch like this:

[pjs4wp url="/wp-content/uploads/my_sketch.js" bordercolor="#000"][/pjs4wp]

IMPORTANT:
RENAME YOUR .pde FILE TO .js BEFORE UPLOADING!
So in the example: rename your original my_sketch.pde file to my_sketch.js!
Some servers / browsers are not happy with the .pde extension, that's why...

Example

See a live example here:
http://rvg.cage.nl/rvglife-internet-2014/

Author

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

Plugin URL

http://cagewebdev.com/processingjs-for-wordpress

Download URL

http://wordpress.org/plugins/processingjs-for-wordpress

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/index.php/wordpress-plugins/

Author Rolf van Gelder
Profile
Contributors CAGEWebDesign|RolfvanGelder
Tags html5, javascript, jquery, pjs4wp, processing, processing.org, processingjs
  • Upload the Plugin to the '/wp-content/plugins/' directory
  • Activate the plugin in the WP Admin Panel » Plugins

v1.2 [06/15/2015]

  • CHANGE: Code has been revamped

v1.1 [04/26/2015]

  • NEW: Instructions page added (from plugins page)

v1.0 [04/24/2015]

  • Initial release

How can I change the settings of this plugin?

  • This plugin doesn't need any settings

How do I use this plugin?

This plugin uses the [pjs4wp] shorttag

You can use the shorttag in two different ways

1) Put the actual ProcessingJS code in a post or page, for instance:

[pjs4wp]
void setup()
{
  size(200, 200);
  text("Hello world!", 50, 50);
}
[/pjs4wp]

2) Use an existing ProcessingJS .pde sketch like this:

[pjs4wp url="/wp-content/uploads/my_sketch.js" bordercolor="#000"][/pjs4wp]

IMPORTANT:
RENAME YOUR .pde FILE TO .js BEFORE UPLOADING!
So in the example: rename your original my_sketch.pde file to my_sketch.js!
Some servers / browsers are not happy with the .pde extension, that's why...

Share  
Download
Version 1.2

Requires WordPress version: 2.8 or higher

Compatible up to: 4.7.2

Last Updated 14 Jan 2017

Date Added: 23 Apr 2015

Plugin Homepage

Evaluation
star1
star2
star3
star4
star5

0 stars
0 ratings
425 downloads

Compatibility

Not Enough Data

Reports:
Works: 0
Broken: 0