<html><body><div style="color:#000; background-color:#fff; font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px"><div dir="ltr" id="yui_3_16_0_1_1442164823019_6174"><span id="yui_3_16_0_1_1442164823019_6175">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" id="yui_3_16_0_1_1442164823019_6174"><span><br></span></div><div dir="ltr" id="yui_3_16_0_1_1442164823019_6174"><span id="yui_3_16_0_1_1442164823019_7427">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" id="yui_3_16_0_1_1442164823019_6174"><span><br></span></div><div dir="ltr" id="yui_3_16_0_1_1442164823019_6174">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><div dir="ltr" id="yui_3_16_0_1_1442164823019_6174"><br></div><div dir="ltr" id="yui_3_16_0_1_1442164823019_6174">-Jonathan</div><div dir="ltr" id="yui_3_16_0_1_1442164823019_6174"><span><br></span></div><div dir="ltr" id="yui_3_16_0_1_1442164823019_6174"><span><br></span></div> <br><div class="qtdSeparateBR"><br><br></div><div class="yahoo_quoted" 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 size="2" face="Arial"> On Sunday, September 13, 2015 10:49 AM, patrice colet <colet.patrice@free.fr> wrote:<br> </font> </div> <br><br> <div class="y_msg_container"><div id="yiv7650353902"><div>
Hello,<br clear="none">
<br clear="none">
<div class="yiv7650353902moz-cite-prefix">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 class="yiv7650353902gmail_extra"><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 class="yiv7650353902yqt3205908527" id="yiv7650353902yqtfd95610"><br clear="none">
<br clear="none">
<blockquote type="cite">
<div class="yiv7650353902gmail_extra">
<div class="yiv7650353902gmail_quote">On Tue, Sep 8, 2015 at 10:07 AM, Py
Fave <span dir="ltr"><<a rel="nofollow" shape="rect" ymailto="mailto:pyfave@gmail.com" target="_blank" href="mailto:pyfave@gmail.com">pyfave@gmail.com</a>></span>
wrote:<br clear="none">
<blockquote class="yiv7650353902gmail_quote" 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" ymailto="mailto:Pd-list@lists.iem.at" target="_blank" href="mailto:Pd-list@lists.iem.at">Pd-list@lists.iem.at</a>
mailing list<br clear="none">
UNSUBSCRIBE and account-management -> <a rel="nofollow" shape="rect" target="_blank" href="http://lists.puredata.info/listinfo/pd-list"></a><a rel="nofollow" shape="rect" class="yiv7650353902moz-txt-link-freetext" target="_blank" href="http://lists.puredata.info/listinfo/pd-list">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 class="yiv7650353902gmail_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 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" target="_blank" href="http://github.com/sebpiq">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" target="_blank" href="http://funktion.fm/">http://funktion.fm</a></font></span><br clear="none">
</div>
</div>
</div>
<br clear="none">
<fieldset class="yiv7650353902mimeAttachmentHeader"></fieldset>
<br clear="none">
<pre>_______________________________________________
<a rel="nofollow" shape="rect" class="yiv7650353902moz-txt-link-abbreviated" ymailto="mailto:Pd-list@lists.iem.at" target="_blank" href="mailto:Pd-list@lists.iem.at">Pd-list@lists.iem.at</a> mailing list
UNSUBSCRIBE and account-management -> <a rel="nofollow" shape="rect" class="yiv7650353902moz-txt-link-freetext" target="_blank" href="http://lists.puredata.info/listinfo/pd-list">http://lists.puredata.info/listinfo/pd-list</a>
</pre>
</blockquote>
<br clear="none">
</div></div></div><br><div class="yqt3205908527" id="yqtfd82876">_______________________________________________<br clear="none"><a shape="rect" ymailto="mailto:Pd-list@lists.iem.at" href="mailto:Pd-list@lists.iem.at">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></body></html>