Move the mouse around, the ellipse will follow and change size. Click the mouse to see it light up with random colours.
So, I’m trying to develop my Processing skills. Processing.js allows processing code to run in most modern web browsers. Let me know what you think. Other than epilepsy, what ideas come to mind?
As far as I know, Processing.js cannot make use of external libraries, which is an impediment in my case since I want to use this with libpd (a library for using Pure Data within Processing), but it’s only a matter of time before the use of external libraries is ok. Meanwhile, I’ll work on the aesthetics.
Learn more about
So, there seems to be an issue with running the sketch I uploaded to openprocessing.org on iOS devices. Perhaps it has something to do with Apple not supporting java. The interesting thing is that the example sketches on processingjs.org are in fact able to run on iOS. I don’t have processing.js installed on the website, which is the next logical step. The example in this post is just an embedded sketch from my page in http://openprocessing.org/visuals/?visualID=49977
While the issue between openprocessing.org and iOS is still there, I was able to upload and run processing.js directly from this site.
Following this example on the Processing.js google group, Anders Fisher writes:
“Hullo fellow processeer!
I have managed ot put a processing js file into the header of my wordpress
site : http://www.andersfisher.com .
I used an external file stored in my theme *header.pde* and stored
processing js locally in the theme too. then just included them in my header
file.
I also made a custom post type using the media library to store my
processing.pde/pjs files as a .txt.
here’s my header.php
<link media="all" href="” rel=”stylesheet” type=”text/css”>
<script src="/js/processing.js”>
<a href="”>
‘main-menu’ ) ); ?>
<canvas datasrc="/js/header.pde”>
as you can see I’ve just included processing.js in the header and referred
to the pde in the canvas datasrc.
Eventually I plan to release my own plugin for including processing outside
of wp-content.
Best
Anders “
to get it to work on this site i had to make a few adjustments:
as he said, you must put your ‘header.pde’ and processing.js file (in my case I downloaded processing-1.3.6.min.js)
into you theme’s js file. If you’re using wordpress, then this should be in the public/wp-content/themes/”theme_name”/js.
-in the header.php file he wrote “<script src="/js/processing.js”>”,
I changed to “<script src="/js/processing-1.3.6.min.js”>”
-”<canvas datasrc="/js/header.pde”>”,
I changed to “<canvas datasrc="/js/header.pde”>”
*I changed where it says “template_url” to ‘template_directory’ (* notice the single quotes)
I just put copy-pasted from Anders’ example into where I thought it might work and based the changes on the code that was already in the header.php. It took me w while but being able to do it in the end makes it worth it. If this helped you out in any way or if you have questions about installing processing.js on your wordpress site, let me know and I’ll see if I can help out. Good Luck!