<div dir="ltr">Jonathan, I'm curious how is the pd-l2ork GUI implemented?<br></div><div class="gmail_extra"><br><div class="gmail_quote">On Sun, Sep 13, 2015 at 8:40 PM, Jonathan Wilkes via Pd-list <span dir="ltr"><<a href="mailto:pd-list@lists.iem.at" target="_blank">pd-list@lists.iem.at</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div style="color:#000;background-color:#fff;font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px"><div dir="ltr"><span>In Pd-l2ork, I've added [draw] commands to data structures which implement a subset of SVG functionality. (Essentially its the same functionality most 2d APIs offer-- affine transformations, paths, and grouping.) I also have the usual mouse events which can be associated with each shape in the drawing. In fact, I just found out HTML5 has some touch events, so I'm going to test them out with my new RPI touchscreen. :)</span></div><div dir="ltr"><span><br></span></div><div dir="ltr"><span>As far as d3 and friends-- I think the thing to do is just load whatever framework along with webpd (or use that framework in my gui port), then send messages back and forth between the two.</span></div><div dir="ltr"><span><br></span></div><div dir="ltr">In my port I'm just using the DOM fairly directly, but it's pretty easy to leverage any of the various frameworks under the hood to get more efficiency/expressivity in rendering the patch. The one danger I'd point out is adding features inside Pd proper. Even the very simple bbox calculation for Pd-Vanilla's scalars can quickly eat up cpu time and interrupt audio. The complexity it takes to get everything to "just work" from the same programming environment is evident from the number of processes running in a modern browser.</div><span class="HOEnZb"><font color="#888888"><div dir="ltr"><br></div><div dir="ltr">-Jonathan</div></font></span><div><div class="h5"><div dir="ltr"><span><br></span></div><div dir="ltr"><span><br></span></div> <br><div><br><br></div><div style="display:block"> <div style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px"> <div style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px"> <div dir="ltr"> <font face="Arial" size="2"> On Sunday, September 13, 2015 10:49 AM, patrice colet <<a href="mailto:colet.patrice@free.fr" target="_blank">colet.patrice@free.fr</a>> wrote:<br> </font> </div> <br><br> <div><div><div>
Hello,<br clear="none">
<br clear="none">
<div>Le 13/09/2015 11:44, s p a écrit :<br clear="none">
</div>
<blockquote type="cite">
<div dir="ltr">
<div>
<div>Hi Py,<br clear="none">
<br clear="none">
</div>
I think WebPd core could definitely be used for that, and thus
the refactoring I am doing these days is a good thing as it
will create a good base to start these kind of projects. <br clear="none">
</div>
Personally, I am not very familiar with graphics on the web
(especially when it comes to WebGL), but I am sure that for
anyone with a good experience in this, it should be pretty
straightforward, for example using one of the many good
libraries that make WebGL, SVG or canvas easier (d3.js,
three.js, ...), to replicate some GEM objects in WebPd. And
would be nice indeed! But I see this as something more in the
future ...<br clear="none">
</div>
<div><br clear="none">
</div>
</blockquote>
<br clear="none">
replicating datastructure might be a good start.<br clear="none">
<br clear="none">
I've found out that gpointers provide a nice environment for
storing/interfacing Gem objects parameters, it's fast, easily
reliable for hardware storing, or streaming, one inconvenient might
be complexity of implementing.<div><br clear="none">
<br clear="none">
<blockquote type="cite">
<div>
<div>On Tue, Sep 8, 2015 at 10:07 AM, Py
Fave <span dir="ltr"><<a rel="nofollow" shape="rect" href="mailto:pyfave@gmail.com" target="_blank">pyfave@gmail.com</a>></span>
wrote:<br clear="none">
<blockquote style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">hello
pdlisters<br clear="none">
<br clear="none">
<br clear="none">
just dreaming of possibilities<br clear="none">
as i use sound AND images<br clear="none">
and can't have the time and will to really learn programming
(outside<br clear="none">
of patching).<br clear="none">
<br clear="none">
as a limited human,<br clear="none">
<br clear="none">
<br clear="none">
<br clear="none">
I think we need GEM or sort of ported in the browser.<br clear="none">
what are the current possibilities?<br clear="none">
<br clear="none">
bridges to things like paper.js and GLSL ( webgl) (shader
toy) would<br clear="none">
make a great envirronnement,<br clear="none">
<br clear="none">
but currently the knowledge necessary is too far away for
the rest of<br clear="none">
us (wich i belong to)<br clear="none">
<br clear="none">
even if there is need for server- side things to implement
interaction<br clear="none">
(with arduino for instance),<br clear="none">
<br clear="none">
this is where pd would be needed.<br clear="none">
<br clear="none">
please tell me what the solutions or directions are now for
this.<br clear="none">
<br clear="none">
I am sure many would like this implemented?<br clear="none">
<br clear="none">
<br clear="none">
sorry for my english.<br clear="none">
<br clear="none">
Thank you<br clear="none">
<br clear="none">
Py<br clear="none">
<br clear="none">
_______________________________________________<br clear="none">
<a rel="nofollow" shape="rect" href="mailto:Pd-list@lists.iem.at" target="_blank">Pd-list@lists.iem.at</a>
mailing list<br clear="none">
UNSUBSCRIBE and account-management -> <a rel="nofollow" shape="rect" href="http://lists.puredata.info/listinfo/pd-list" target="_blank"></a><a rel="nofollow" shape="rect" href="http://lists.puredata.info/listinfo/pd-list" target="_blank">http://lists.puredata.info/listinfo/pd-list</a><br clear="none">
</blockquote>
</div>
<br clear="none">
<br clear="all">
<br clear="none">
-- <br clear="none">
<div>
<div dir="ltr"><span style="color:rgb(153,153,153)"><b><span style="color:rgb(68,68,68)">S</span><span><span style="color:rgb(68,68,68)">ébastien Piquemal</span><br clear="none">
</span></b></span>
<div><span style="color:rgb(153,153,153)"><b><br clear="none">
</b></span><span style="color:rgb(102,102,102)"><b> </b><span style="color:rgb(204,204,204)">-----</span><b> <font size="1">@sebpiq</font></b></span><br clear="none">
</div>
<div><span style="color:rgb(102,102,102)"><span style="color:rgb(204,204,204)"> -----</span><b> </b><font size="1"><a rel="nofollow" shape="rect" href="http://github.com/sebpiq" target="_blank">http://github.com/sebpiq</a></font><b><br clear="none">
</b></span></div>
<span style="color:rgb(102,102,102)"> <span style="color:rgb(204,204,204)">-----</span> <font size="1"><a rel="nofollow" shape="rect" href="http://funktion.fm/" target="_blank">http://funktion.fm</a></font></span><br clear="none">
</div>
</div>
</div>
<br clear="none">
<fieldset></fieldset>
<br clear="none">
<pre>_______________________________________________
<a rel="nofollow" shape="rect" href="mailto:Pd-list@lists.iem.at" target="_blank">Pd-list@lists.iem.at</a> mailing list
UNSUBSCRIBE and account-management -> <a rel="nofollow" shape="rect" href="http://lists.puredata.info/listinfo/pd-list" target="_blank">http://lists.puredata.info/listinfo/pd-list</a>
</pre>
</blockquote>
<br clear="none">
</div></div></div><br><div>_______________________________________________<br clear="none"><a shape="rect" href="mailto:Pd-list@lists.iem.at" target="_blank">Pd-list@lists.iem.at</a> mailing list<br clear="none">UNSUBSCRIBE and account-management -> <a shape="rect" href="http://lists.puredata.info/listinfo/pd-list" target="_blank">http://lists.puredata.info/listinfo/pd-list</a><br clear="none"></div><br><br></div> </div> </div> </div></div></div></div></div><br>_______________________________________________<br>
<a href="mailto:Pd-list@lists.iem.at">Pd-list@lists.iem.at</a> mailing list<br>
UNSUBSCRIBE and account-management -> <a href="http://lists.puredata.info/listinfo/pd-list" rel="noreferrer" target="_blank">http://lists.puredata.info/listinfo/pd-list</a><br>
<br></blockquote></div><br><br clear="all"><br>-- <br><div class="gmail_signature"><div dir="ltr"><span style="color:rgb(153,153,153)"><b><span style="color:rgb(68,68,68)">S</span><span><span style="color:rgb(68,68,68)">ébastien Piquemal</span><br></span></b></span><div><span style="color:rgb(153,153,153)"><b><br></b></span><span style="color:rgb(102,102,102)"><b> </b><span style="color:rgb(204,204,204)">-----</span><b> <font size="1">@sebpiq</font></b></span><br></div><div><span style="color:rgb(102,102,102)"><span style="color:rgb(204,204,204)"> -----</span><b> </b><font size="1"><a href="http://github.com/sebpiq" target="_blank">http://github.com/sebpiq</a></font><b><br></b></span></div><span style="color:rgb(102,102,102)"> <span style="color:rgb(204,204,204)">-----</span> <font size="1"><a href="http://funktion.fm" target="_blank">http://funktion.fm</a></font></span><br></div></div>
</div>