A plugin for WordPress to make it easy for users to include Processing JS sketches into blog posts.
Download — Latest Version
- Version 0.5 (zip file)
- View code at the WP Plugin Repository
Installation (for WordPress 2.8+)
The easiest way to install the plugin is to use the plugin installer in WordPress.
If you want to do it manually:
- Upload the processingjs directory to the /wp-content/plugins/ directory
- Activate the plugin through the ‘Plugins’ menu in WordPress
Once activated, you’ll notice a ‘processing’ button when you’re writing or editing a post in HTML mode. Clicking it will insert a very simple Processing sketch into your post. You can use it as a template or write your own from scratch. You’ll find examples (with code) of what can be done here: Processing JS Demos.
Questions?
- Leave a comment or email: keyvan (at) keyvan.net
Donate
If you find this piece of code useful, please consider donating. I’m a student working on these projects in my spare time. My sites carry no advertising and I release most of the code I work on under a free software license so anyone can benefit from it. I don’t receive any payment for this work so I have to rely on donations if I want to put off becoming a wage slave. Your contribution (whatever the amount) would be greatly appreciated.
| £ (UK Pounds) | ||||
|---|---|---|---|---|
| € (Euros) | ||||
| $ (US Dollars) |
8 Comments
Hello thanks for this awesome plugin, it definetly beats the java/html manual solution. I have a question though, if my processing file uses external files (such as a font or a picture) where do I need to keep them in wordpress in order for them to be called up on correctly?
Hi Simon, glad you like the plugin. As for external files, I don’t think Processing JS looks into a specific folder by default. So you should be able to place external files anywhere you like but refer to them with an absolute path. E.g. /wp-content/uploads/
Simon, thanks for writing the program.
I am wondering if the Minim audio library can function within the plugin environment?
Because I am extremely new to Processing, I may be dreaming a bit. But I wanted to ask you. Please reply when you have a moment. Thanks.
Apologies, my last question is directed towards Keyvan.
Sped: I think you’ll find many of the libraries you’re used to in Processing missing from the JS version. I know audio is one area where there is some work being done at the moment. You might find some information in this thread: http://groups.google.com/group/processingjs/browse_thread/thread/b89ca0e7f14558a2
hello
scuse my bad english (i’m french)
First, congratulation for this plug. it’s verry interesting and easy tu put the native processing code in the html version of a wordpress post. and sketchs looks very clean.
But nevertheless, I Have one inexplicable problem about the cursor :
for exemple, in a classic configuration with basic void setup, and void draw (x,y,mouseX,mouseY); when the mouse cursor is upon the sketch area ,the line would come on the exact point where the user’s mouse is positioned in time ….what should be. because in my case, I have a big interval between my cursor and my effective drawing point (about 100px!! it’s to much), and I’m 200% sure about the problem doesn’t come from my processing code. I hope i’m clear, it’n not very easy to spell out. Imagine, it’s like if you are drawing with à paint, and the draw doesn’t exist under your paint, but 1 mile further…
So I’m sorry, but except of this, this program is very good! but THIS!!!
…theire is somethig to fix in my case : HELP will be more appreciated .
tanks a lot!
And Sorry for the English
(i would like to say “help will be MUCH appreciated”)
Quentin.
Hi Quentin, thanks for reporting this. I’m a little busy at the moment but I’ll look into this as soon as I get a little time. Perhaps a newer version of processing.js will fix it. No idea what else to suggest at this time, sorry.
One Trackback
[...] be posting more projects as I complete them. Thanks to Keyvan Minoukadeh for creating a nifty WordPress plugin that allows a user to draw a Processing sketch in [...]