<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Arial,Helvetica,sans-serif;" dir="ltr">
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;">
<p></p>
<div><i>> 1) access the htmlcanvas by sending Pd messages to the inlet. This seemed </i><i style="font-size: 12pt;">really limiting, especially when you consider how deeply web programmers </i><i style="font-size: 12pt;">leverage javascript and javascript
frameworks when doing html5 canvas </i><i style="font-size: 12pt;">drawing/animation. If you do similar such work in Pd to retain/manage state </i><i style="font-size: 12pt;">and render then you're getting in the way of audio computation. If you leverage </i><i style="font-size: 12pt;">a
higher-level framework to do it on the GUI side then you're tied to it as a hard </i></div>
<p></p>
<p></p>
<div><i>dependency for all time.</i></div>
<p></p>
</blockquote>
<p></p>
<div><br>
</div>
<div>We all know that we can saturate computing even with -nogui. I`m talking about a rich-canvas with basic html+css, probably some little javascript, these will allow cool GUI, less limited than Vanilla, although not necessary for patching but more for “tutorials”,
helps, and main patch or face patch.</div>
<div><br>
</div>
<p></p>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;">
<p></p>
<div><i>> Instead I just extended data structure drawings with the [draw] object to leverage </i><i style="font-size: 12pt;">the SVG spec and do declarative vector drawing. If you look at </i></div>
<p></p>
<p></p>
<div><i>"Pd-L2Ork Data Structures" in the help browser you can see some examples.</i></div>
<p></p>
</blockquote>
<p></p>
<div><br>
</div>
<div>I`ll try, but never did "data structures" in Pd yet.</div>
<div><br>
</div>
<p></p>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;">
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;">
<p></p>
<div><i>>> this one could be edited through “devtools”? Perhaps?</i></div>
<p></p>
</blockquote>
</blockquote>
<p></p>
<div></div>
<div><br>
</div>
<p></p>
<blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;">
<p></p>
<div><i>>Yes, that's certainly possible.</i></div>
<p></p>
</blockquote>
<p></p>
<div><br>
</div>
<div>So you liked the [htmlcanvas]?</div>
<div><br>
</div>
<div>I do.</div>
<div><br>
</div>
<div>I also liked he opening of html files, but probably we go back there later.</div>
<br>
<p></p>
<p><br>
</p>
<p>Salutti, </p>
<p>Lucarda</p>
<p><br>
</p>
<div id="Signature"><font face="Courier New, Courier, Monospace" size="2">Mensaje telepatico asistido por maquinas.</font>
</div>
<br>
<div style="color: rgb(0, 0, 0);">
<div>
<div style="color:#000; background-color:#fff; font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div class="yahoo_quoted" id="yui_3_16_0_ym19_1_1485129651838_9311" style="display:block">
<div id="yui_3_16_0_ym19_1_1485129651838_9310" style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div id="yui_3_16_0_ym19_1_1485129651838_9309" style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div class="y_msg_container" id="yui_3_16_0_ym19_1_1485129651838_9443">
<div id="yiv5864738967">
<div dir="ltr" id="yui_3_16_0_ym19_1_1485129651838_9442">
<div dir="ltr" id="yiv5864738967divtagdefaultwrapper" style="font-size:12pt; color:#000000; font-family:Calibri,Arial,Helvetica,sans-serif">
<div id="yui_3_16_0_ym19_1_1485129651838_9946" style="color:rgb(0,0,0)">
<div class="yiv5864738967yqt1761474531" id="yiv5864738967yqtfd97201">
<div id="yui_3_16_0_ym19_1_1485129651838_9945">
<div id="yui_3_16_0_ym19_1_1485129651838_9944" style="color:#000; background-color:#fff; font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div class="yiv5864738967yahoo_quoted" id="yiv5864738967yui_3_16_0_ym19_1_1485125395801_4160" style="display:block">
<div id="yiv5864738967yui_3_16_0_ym19_1_1485125395801_4159" style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div id="yiv5864738967yui_3_16_0_ym19_1_1485125395801_4158" style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div class="yiv5864738967y_msg_container" id="yiv5864738967yui_3_16_0_ym19_1_1485125395801_4206">
<div id="yiv5864738967">
<div dir="ltr" id="yiv5864738967yui_3_16_0_ym19_1_1485125395801_4224">
<div dir="ltr" id="yiv5864738967divtagdefaultwrapper" style="font-size:12pt; color:#000000; font-family:Calibri,Arial,Helvetica,sans-serif">
<br clear="none">
<div class="yiv5864738967yqt5087876210" id="yiv5864738967yqt53994">
<div id="yiv5864738967yui_3_16_0_ym19_1_1485125395801_4550" style="color:rgb(0,0,0)">
<div id="yiv5864738967yui_3_16_0_ym19_1_1485125395801_4549">
<div id="yiv5864738967yui_3_16_0_ym19_1_1485125395801_4548" style="color:#000; background-color:#fff; font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div class="yiv5864738967yahoo_quoted" id="yiv5864738967yui_3_16_0_ym19_1_1485118824875_3536" style="display:block">
<div id="yiv5864738967yui_3_16_0_ym19_1_1485118824875_3535" style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div id="yiv5864738967yui_3_16_0_ym19_1_1485118824875_3534" style="font-family:HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; font-size:16px">
<div class="yiv5864738967y_msg_container" id="yiv5864738967yui_3_16_0_ym19_1_1485118824875_3573">
<div id="yiv5864738967">
<div dir="ltr" id="yiv5864738967yui_3_16_0_ym19_1_1485118824875_3580">
<div dir="ltr" id="yiv5864738967divtagdefaultwrapper" style="font-size:12pt; color:#000000; font-family:Calibri,Arial,Helvetica,sans-serif">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br clear="none">
<br clear="none">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="yiv5864738967yqt1761474531" id="yiv5864738967yqtfd94922"></div>
</div>
<div class="yiv5864738967yqt1761474531" id="yiv5864738967yqtfd96101"></div>
</div>
</div>
<br>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>