Hello,

I recently read this tutorial about Processing.js : http://ericmedine.com/processing-for-ios/

and thought maybe it's possible to run processing.js inside purr-data. As a quick test I just copied Processing.js and the corresponding test.html file to /usr/lib/pd-l2ork/bin (purr-data beta4). Then i renamed dialog_iemgui.html to dialog_iemgui_disabled.html and renamed my test.html file (the processing.js-sketch) to dialog_iemgui.html.
Then... I launched purr-data created a new Patch, created a v-slider and opend the properties from the right click menu. And as you can see in the attached image, the processing sketch is displayed!
I think it would be cool if we could have an external wich is able to load Processing.Js sketches and somehow talk to Pd. I think we would need some kind of interface to send variables to Pd.
I wasn't able to load a Processing.js sketch directly to the patching-canvas. If someone could give me some hints how to do that and get some variables out of the Processing sketch to talk to pd, I'd be very glad.

@sensn Neat!

You can probably talk to Pd using something like this:

pdgui = require("./pdgui.js");
// Turn on audio
pdgui.pdsend("pd dsp 1");

But that interface is in no way stable.

Btw-- here's a "Warhol-ized" version of that demo using data structures:
circles-demo.pd

(Go inside the group and click "glurge" to scale the circles)

@jancsika

thanks, I'll try that. But I am thinking about an object in pd that can load processing sketches and sends values and messages from that sketch through its outlets. I did some further reading on Processing.js and i found that it's possible to load multiple sketches with something like:

<canvas data-processing-sources="hello-web.pde"></canvas>

So I'd like to place the sketches directly to the pd-patch canvas as Gui-objects and have an object reporting information from the sketch to the patch.
But I don't know where to place the code... in pd-canvas.js or pd-gui.js?
However, since I can't really programm C or Javascript, it will be a difficult tast for me.
I think I'd need an external in Pd which can talk to pd-gui.js and tell it to load an html file (containing the Processing.Js stuff) and that file should be able to place the sketches onto the patch window.
Well,...

Your circles-demo is cool. I've tried to do a drop-down menu using the draw command, but I encountered an issue with mouse-polling. I used comments for the entries to the menu. If you click on the text entries the mouseclick isn't recognised by the draw-rect structure. I'd have to manually use the "send to back" command on every entry to make it work. Here's the unfinished, messy patch to illustrate what I mean.

ds-dropdown.pd

I guess there are more elegant ways to do this, but i used the coll object because i wanted to mimic the behavior of tof/menubutton.

thanks, I'll try that. But I am thinking about an object in pd that can load processing sketches and sends values and messages from that sketch through its outlets.

I'd much rather add an interface for opening an html file from the dialog. Then people can use any framework or web api they want for a "frontend", and send messages back and forth to the GUI.

As far as a dropdown widget-- unfortunately I don't have a [draw text] interface yet. It's tricky to get right because text is not guaranteed to be pixel exact in the way shapes and paths are. (Even those aren't pixel exact due to anti-aliasing, but they are much closer than text could ever be.)

But I agree I need something like a dropdown within a canvas.