ProcessingJS for WordPress
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
https://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/category/news-tech-art/wordpress/
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.