<html><head></head><body><div style="color:#000; background-color:#fff; font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px"><br><div class="qtdSeparateBR"><br><br></div><div class="yahoo_quoted" id="yui_3_16_0_ym19_1_1485010994632_3157" style="display: block;"><div style="font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 16px;" id="yui_3_16_0_ym19_1_1485010994632_3156"><div style="font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 16px;" id="yui_3_16_0_ym19_1_1485010994632_3155"><div class="y_msg_container" id="yui_3_16_0_ym19_1_1485010994632_4716"><br><div id="yiv7710537834"><style type="text/css">#yiv7710537834 #yiv7710537834 -- P {margin-top:0;margin-bottom:0;}#yiv7710537834 </style><div dir="ltr" id="yui_3_16_0_ym19_1_1485010994632_4715">
<div dir="ltr" id="yiv7710537834divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri, Arial, Helvetica, sans-serif;">
<div></div>
<div id="yui_3_16_0_ym19_1_1485010994632_4717">> I think that having the ability to load an html at the background will ease a lot of things. Probably making translations or helps easier & nicer & cross-platform & on-line.</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4714"><div><br clear="none"></div><div>I don't think that would help because html isn't pixel exact. The relationship between background html and foreground Pd canvas objects (which in Purr Data are <br></div><div>just svg elements) is difficult and unintuitive to control.<br></div><div><br clear="none">
</div></div>
<div id="yui_3_16_0_ym19_1_1485010994632_4802">> I`m not saying that Purr-Data should be used for generating or editing html.</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4801"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4791">> I`m thinking of it as a “Canvas” but not just as a color and a font, but with all the flexibility of an html (markup language).</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4800"><div id="yui_3_16_0_ym19_1_1485010994632_6000"><br clear="none"></div><div id="yui_3_16_0_ym19_1_1485010994632_6001">I have added some drawing instructions and event handlers to data structures with the [draw] object. That allows grouping <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485010994632_6002">and arbitrary path drawings. (But I don't have an interface to draw text yet.)<br></div><div id="yui_3_16_0_ym19_1_1485010994632_6003"><br clear="none">
</div></div>
<div id="yui_3_16_0_ym19_1_1485010994632_4792">> Since you are working with HTML5, I think this type of thing should be natural.</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4793"><div id="yui_3_16_0_ym19_1_1485010994632_6004"><br clear="none"></div><div id="yui_3_16_0_ym19_1_1485010994632_6005">It is, and Purr Data patches themselves are just html files with an svg on them.<br></div><div id="yui_3_16_0_ym19_1_1485010994632_6006"><br clear="none">
</div></div>
<div id="yui_3_16_0_ym19_1_1485010994632_4794">---</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4799"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4795">> Currently I`m using [ggee/image] as a “rich-canvas”, some screen-shots:</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4796"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4797"><a rel="nofollow" shape="rect" id="yiv7710537834LPlnk426286" target="_blank" href="http://lucarda.com.ar/ver/2010/LEER.html">http://lucarda.com.ar/ver/2010/LEER.html</a></div>
<div id="yui_3_16_0_ym19_1_1485010994632_4877"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4878"><a rel="nofollow" shape="rect" id="yiv7710537834LPlnk522596" target="_blank" href="http://lucarda.com.ar/ver/2014/LEER.html">http://lucarda.com.ar/ver/2014/LEER.html</a></div>
<div id="yui_3_16_0_ym19_1_1485010994632_4879"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4905"><a rel="nofollow" shape="rect" id="yiv7710537834LPlnk651702" target="_blank" href="http://www.tigresvoladores.com.ar/folkloro-en.html">http://www.tigresvoladores.com.ar/folkloro-en.html</a></div>
<div id="yui_3_16_0_ym19_1_1485010994632_4906"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485010994632_4907"><div id="yui_3_16_0_ym19_1_1485010994632_6142">> Of course these are not done with a “markup language”, but are cross-platform.</div><div id="yui_3_16_0_ym19_1_1485010994632_6008"><br></div><div id="yui_3_16_0_ym19_1_1485010994632_6016">It's probably easier to allow opening arbitrary html files and having a nice interface for <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485010994632_6015">talking to Pd through them. That would be more flexible and easier to implement/maintain.<br></div></div>
<div id="yui_3_16_0_ym19_1_1485010994632_5230"><div id="yui_3_16_0_ym19_1_1485010994632_6014"><br clear="none"></div><div id="yui_3_16_0_ym19_1_1485010994632_6013">But feel free to experiment with putting html content inside an external. It shouldn't be <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485010994632_7515">hard to create an external that displays HTML5 content in a rectangle on a Pd canvas. Throw <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485010994632_8987">some webgl in there, or a video player. The hard part only comes if you want to add xlets and <br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485010994632_9119">somehow interface with the displayed state through Pd messages.<br></div><div id="yui_3_16_0_ym19_1_1485010994632_6223"><br clear="none">
</div></div>
<div id="yui_3_16_0_ym19_1_1485010994632_5211">-Jonathan<br clear="none">
</div>
<br clear="none">
<div></div>
<div id="yui_3_16_0_ym19_1_1485010994632_5210"><br clear="none">
</div>
<div id="yiv7710537834Signature"><font id="yui_3_16_0_ym19_1_1485010994632_5209" face="Courier New, Courier, Monospace" size="2">Mensaje telepatico asistido por maquinas.</font>
</div>
<br clear="none">
<br clear="none">
<div style="color:rgb(0, 0, 0);" id="yui_3_16_0_ym19_1_1485010994632_5208">
<hr style="display:inline-block;width:98%;" tabindex="-1" id="yui_3_16_0_ym19_1_1485010994632_7428">
<div class="yiv7710537834yqt1801189384" id="yiv7710537834yqtfd55002"><div dir="ltr" id="yiv7710537834divRplyFwdMsg"><font style="font-size:11pt;" id="yui_3_16_0_ym19_1_1485010994632_5207" face="Calibri, sans-serif" color="#000000"><b id="yui_3_16_0_ym19_1_1485010994632_5206">From:</b> Jonathan Wilkes <jancsika@yahoo.com><br clear="none">
<b>Sent:</b> Saturday, January 21, 2017 4:01 AM<br clear="none">
<b>To:</b> Lucas Cordiviola; Alexandre Torres Porres; pd-list@lists.iem.at<br clear="none">
<b>Subject:</b> Re: [PD] Purr Data rc4</font>
<div id="yui_3_16_0_ym19_1_1485010994632_7416"> </div>
</div>
<div id="yui_3_16_0_ym19_1_1485010994632_7418">
<div style="color:#000;background-color:#fff;font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;" id="yui_3_16_0_ym19_1_1485010994632_7417">
> Cool,
<div class="yiv7710537834qtdSeparateBR" id="yui_3_16_0_ym19_1_1485010994632_7419"><br clear="none">
<br clear="none">
</div>
<div class="yiv7710537834yahoo_quoted" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24811" style="display:block;">
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24810" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24809" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div class="yiv7710537834y_msg_container" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24817">
<div id="yiv7710537834">
<div dir="ltr" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24816">
<div dir="ltr" id="yiv7710537834divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri, Arial, Helvetica, sans-serif;">
<div><br clear="none">
</div>
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24832">
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25069"><span id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25068" style="font-size:12pt;">> Btw: How far we are from displaying a normal html+css inside a Purr-Data
<br clear="none">
</span></div>
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24948"><span id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25070" style="font-size:12pt;">patch?</span></div>
<div id="yui_3_16_0_ym19_1_1485010994632_7422"><br clear="none">
</div>
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25085">What did you have in mind?<br clear="none">
</div>
</div>
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24819"><br clear="none">
</div>
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25061">> Or to make an html+css as background to a patch?</div>
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24818">
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25316"><br clear="none">
</div>
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25317">It's possible to do that atm, either by changing one of the css files
<br clear="none">
</div>
<div dir="ltr" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25318">or through devtools. But I don't have an interface that lets you set
<br clear="none">
</div>
<div dir="ltr" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25319">this by sending a Pd message within a patch.<br clear="none">
</div>
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25320"><br clear="none">
</div>
</div>
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24815">
<div>> Is there an object that loads and display html?</div>
<div><br clear="none">
</div>
<div dir="ltr" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25321">There isn't. You could load an html page and send messages to
<br clear="none">
</div>
<div dir="ltr" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25322">Pd from it. But again, I don't have an interface built to do anything
<br clear="none">
</div>
<div dir="ltr" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25323">like that yet.</div>
<div dir="ltr" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25324"><br clear="none">
</div>
<div dir="ltr" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_25325">-Jonathan<br clear="none">
</div>
</div>
<div><br clear="none">
</div>
<div>Salutti,</div>
<div>Lucarda.</div>
<br clear="none">
<div></div>
<div><br clear="none">
</div>
<div id="yiv7710537834Signature"><font face="Courier New, Courier, Monospace" size="2">Mensaje telepatico asistido por maquinas.</font>
</div>
<br clear="none">
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24823" style="color:rgb(0,0,0);">
<div class="yiv7710537834yqt6281836238" id="yiv7710537834yqtfd93143">
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24822">
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_24821" style="color:#000;background-color:#fff;font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div class="yiv7710537834yahoo_quoted" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_4217" style="display:block;">
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_4216" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_4215" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div class="yiv7710537834y_msg_container" id="yiv7710537834yui_3_16_0_ym19_1_1484962244645_4220">
<br clear="none">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="yiv7710537834yqt6281836238" id="yiv7710537834yqtfd85481"></div>
</div>
<div class="yiv7710537834yqt6281836238" id="yiv7710537834yqtfd29080"></div>
</div>
</div>
<br clear="none">
<br clear="none">
</div>
</div>
</div>
</div>
</div>
</div>
</div></div><div class="yiv7710537834yqt1801189384" id="yiv7710537834yqtfd37988">
</div></div><div class="yiv7710537834yqt1801189384" id="yiv7710537834yqtfd09558">
</div></div></div><br><br></div> </div> </div> </div></div></body></html>