<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"><i id="yui_3_16_0_ym19_1_1485055470833_10682">>>I don't think that would help because html isn't pixel exact.</i> <div class="qtdSeparateBR"><br><br></div><div class="yahoo_quoted" id="yui_3_16_0_ym19_1_1485055470833_10631" 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_1485055470833_10630"><div style="font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 16px;" id="yui_3_16_0_ym19_1_1485055470833_10629"><div class="y_msg_container" id="yui_3_16_0_ym19_1_1485055470833_10681"><div id="yiv9182836330"><div dir="ltr" id="yui_3_16_0_ym19_1_1485055470833_10685"><div dir="ltr" id="yiv9182836330divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri, Arial, Helvetica, sans-serif;"><blockquote style="margin:0 0 0 40px;border:none;padding:0px;" id="yui_3_16_0_ym19_1_1485055470833_10684">
<div></div>
</blockquote>
<div></div>
<div></div>
<div id="yui_3_16_0_ym19_1_1485055470833_10686"> </div>
<div id="yui_3_16_0_ym19_1_1485055470833_10687">> ? - Almost all CSS things can be controlled using pixels units:</div>
<div id="yui_3_16_0_ym19_1_1485055470833_10688"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485055470833_10689"><a rel="nofollow" shape="rect" id="yiv9182836330LPlnk322533" target="_blank" href="http://www.w3schools.com/css/css_dimension.asp">http://www.w3schools.com/css/css_dimension.asp</a></div>
<br clear="none">
<div id="yui_3_16_0_ym19_1_1485055470833_10778"><a rel="nofollow" shape="rect" id="yiv9182836330LPlnk942019" target="_blank" href="http://www.w3schools.com/css/css_text.asp">http://www.w3schools.com/css/css_text.asp</a></div>
<br clear="none">
<div id="yui_3_16_0_ym19_1_1485055470833_10783"><a rel="nofollow" shape="rect" id="yiv9182836330LPlnk218349" target="_blank" href="http://www.w3schools.com/css/css_positioning.asp">http://www.w3schools.com/css/css_positioning.asp</a></div>
<br clear="none">
<div id="yui_3_16_0_ym19_1_1485055470833_10788"><div id="yui_3_16_0_ym19_1_1485055470833_10787"><br clear="none"></div><div id="yui_3_16_0_ym19_1_1485055470833_10789">> Pixel sizing for text doesn't result in pixel-exact text appearance.<br clear="none">
</div></div><div id="yui_3_16_0_ym19_1_1485055470833_10954"><i id="yui_3_16_0_ym19_1_1485055470833_10953"><br></i></div><div><i>>>It is, and Purr Data patches themselves are just html files with an svg on them.</i> <br></div><div><br></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px;"><div></div>
</blockquote>
<div></div>
<div></div>
<div>> So we are almost there.</div><div><i><br></i></div><div id="yui_3_16_0_ym19_1_1485055470833_10960"><i>>>It's probably easier to allow opening arbitrary html files and having a nice interface for </i><i style="font-size:12pt;" id="yui_3_16_0_ym19_1_1485055470833_10959">talking to Pd through them. That would be more flexible and easier to implement/maintain.</i> <br></div><div id="yui_3_16_0_ym19_1_1485055470833_10961"><br></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px;"><div></div>
</blockquote>
<div></div>
<div id="yui_3_16_0_ym19_1_1485055470833_10974">> This is what I had in mind.</div>
<div id="yui_3_16_0_ym19_1_1485055470833_10982"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485055470833_10983">> Inside help patches, replacing all [canvas] & [comments] with an html+css for that. Other [objects] & [sub patches] & [pddp] remain there.</div>
<div id="yui_3_16_0_ym19_1_1485055470833_10988"><br clear="none">
</div>> The conflict here is:
<div id="yui_3_16_0_ym19_1_1485055470833_11054"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485055470833_10990"><div id="yui_3_16_0_ym19_1_1485055470833_10991">> Can html+css, which is “text-only”, be saved in the .pd?</div><div id="yui_3_16_0_ym19_1_1485055470833_10994"><br></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485055470833_11062">It depends on whether you want to save the actual markup, or just <br></div><div dir="ltr">save pd messages which render html+css.<br></div><div id="yui_3_16_0_ym19_1_1485055470833_10995"><br></div></div>
<div id="yui_3_16_0_ym19_1_1485055470833_10996">> Or</div>
<div id="yui_3_16_0_ym19_1_1485055470833_11066"><div>> There will be an external that loads the html & displays it at the background.</div><div><br></div><div>That's also a possibility.<br></div></div>
<div id="yui_3_16_0_ym19_1_1485055470833_11067"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485055470833_11068"><div>> I think a killer external that can load on-line content will definitively make <br></div><div id="yui_3_16_0_ym19_1_1485055470833_11212">> Purr-Data translations easy and possible.</div><div id="yui_3_16_0_ym19_1_1485055470833_11280"><br></div><div id="yui_3_16_0_ym19_1_1485055470833_11281" dir="ltr">I'm fairly certain I don't want an online dependency for help patch content.<br></div></div><div id="yui_3_16_0_ym19_1_1485055470833_11241"><i id="yui_3_16_0_ym19_1_1485055470833_11070"><br></i></div><div>-Jonathan<i id="yui_3_16_0_ym19_1_1485055470833_11070"><br></i></div><div><i id="yui_3_16_0_ym19_1_1485055470833_11070"><br></i></div><div id="yui_3_16_0_ym19_1_1485055470833_11240"><i id="yui_3_16_0_ym19_1_1485055470833_11070">>>It shouldn't be hard to create an external that displays HTML5 content ...</i> <br></div><blockquote style="margin:0 0 0 40px;border:none;padding:0px;" id="yui_3_16_0_ym19_1_1485055470833_11072"><div></div>
</blockquote>
<div></div>
<div id="yui_3_16_0_ym19_1_1485055470833_11233"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485055470833_11213"><div id="yui_3_16_0_ym19_1_1485055470833_11388">> Very hard for me I guess.</div><br></div><div id="yui_3_16_0_ym19_1_1485055470833_11232">> Salutti,</div>
<div id="yui_3_16_0_ym19_1_1485055470833_11507">> Lucarda.</div>
<br clear="none">
<div></div>
<div><br clear="none">
</div>
<div id="yiv9182836330Signature"><font size="2" face="Courier New, Courier, Monospace">Mensaje telepatico asistido por maquinas.</font>
</div>
<br clear="none">
<br clear="none">
<div class="yiv9182836330yqt6686109485" id="yiv9182836330yqt19544"><div style="color:rgb(0, 0, 0);" id="yui_3_16_0_ym19_1_1485055470833_10786">
<hr style="display:inline-block;width:98%;" tabindex="-1">
<div dir="ltr" id="yiv9182836330divRplyFwdMsg"><font style="font-size:11pt;" color="#000000" face="Calibri, sans-serif"><b>From:</b> Jonathan Wilkes <jancsika@yahoo.com><br clear="none">
<b>Sent:</b> Saturday, January 21, 2017 4:48 PM<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> </div>
</div>
<div id="yui_3_16_0_ym19_1_1485055470833_10785">
<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_1485055470833_10784">
<br clear="none">
<div class="yiv9182836330qtdSeparateBR"><br clear="none">
<br clear="none">
</div>
<div class="yiv9182836330yahoo_quoted" id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_3157" style="display:block;">
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_3156" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_3155" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div class="yiv9182836330y_msg_container" id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4716"><br clear="none">
<div id="yiv9182836330">
<div dir="ltr" id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4715">
<div dir="ltr" id="yiv9182836330divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri, Arial, Helvetica, sans-serif;">
<div></div>
<div id="yiv9182836330yui_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="yiv9182836330yui_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 clear="none">
</div>
<div>just svg elements) is difficult and unintuitive to control.<br clear="none">
</div>
<div><br clear="none">
</div>
</div>
<div id="yiv9182836330yui_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="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4801"><br clear="none">
</div>
<div id="yiv9182836330yui_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="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4800">
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6000"><br clear="none">
</div>
<div id="yiv9182836330yui_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 clear="none">
</div>
<div dir="ltr" id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6002">and arbitrary path drawings. (But I don't have an interface to draw text yet.)<br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6003"><br clear="none">
</div>
</div>
<div id="yiv9182836330yui_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="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4793">
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6004"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6005">It is, and Purr Data patches themselves are just html files with an svg on them.<br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6006"><br clear="none">
</div>
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4794">---</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4799"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4795">> Currently I`m using [ggee/image] as a “rich-canvas”, some screen-shots:</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4796"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4797"><a rel="nofollow" shape="rect" id="yiv9182836330LPlnk643055" target="_blank" href="http://lucarda.com.ar/ver/2010/LEER.html">http://lucarda.com.ar/ver/2010/LEER.html</a></div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4877"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4878"><a rel="nofollow" shape="rect" id="yiv9182836330LPlnk918963" target="_blank" href="http://lucarda.com.ar/ver/2014/LEER.html">http://lucarda.com.ar/ver/2014/LEER.html</a></div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4879"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4905"><a rel="nofollow" shape="rect" id="yiv9182836330LPlnk487882" target="_blank" href="http://www.tigresvoladores.com.ar/folkloro-en.html">http://www.tigresvoladores.com.ar/folkloro-en.html</a></div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4906"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_4907">
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6142">> Of course these are not done with a “markup language”, but are cross-platform.</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6008"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6016">It's probably easier to allow opening arbitrary html files and having a nice interface for
<br clear="none">
</div>
<div dir="ltr" id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6015">talking to Pd through them. That would be more flexible and easier to implement/maintain.<br clear="none">
</div>
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_5230">
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6014"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6013">But feel free to experiment with putting html content inside an external. It shouldn't be
<br clear="none">
</div>
<div dir="ltr" id="yiv9182836330yui_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 clear="none">
</div>
<div dir="ltr" id="yiv9182836330yui_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 clear="none">
</div>
<div dir="ltr" id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_9119">somehow interface with the displayed state through Pd messages.<br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_6223"><br clear="none">
</div>
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_5211">-Jonathan<br clear="none">
</div>
<br clear="none">
<div></div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_5210"><br clear="none">
</div>
<div id="yiv9182836330Signature"><font id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_5209" size="2" face="Courier New, Courier, Monospace">Mensaje telepatico asistido por maquinas.</font>
</div>
<br clear="none">
<br clear="none">
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_5208" style="color:rgb(0,0,0);">
<hr id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_7428" style="display:inline-block;width:98%;" tabindex="-1">
<div class="yiv9182836330yqt1801189384" id="yiv9182836330yqtfd55002">
<div dir="ltr" id="yiv9182836330divRplyFwdMsg"><font id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_5207" style="font-size:11pt;" color="#000000" face="Calibri, sans-serif"><b id="yiv9182836330yui_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="yiv9182836330yui_3_16_0_ym19_1_1485010994632_7416"> </div>
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_7418">
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_7417" style="color:#000;background-color:#fff;font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
> Cool,
<div class="yiv9182836330qtdSeparateBR" id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_7419">
<br clear="none">
<br clear="none">
</div>
<div class="yiv9182836330yahoo_quoted" id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24811" style="display:block;">
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24810" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24809" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div class="yiv9182836330y_msg_container" id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24817">
<div id="yiv9182836330">
<div dir="ltr" id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24816">
<div dir="ltr" id="yiv9182836330divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri, Arial, Helvetica, sans-serif;">
<div><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24832">
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_25069"><span id="yiv9182836330yui_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="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24948"><span id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_25070" style="font-size:12pt;">patch?</span></div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1485010994632_7422"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_25085">What did you have in mind?<br clear="none">
</div>
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24819"><br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_25061">> Or to make an html+css as background to a patch?</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24818">
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_25316"><br clear="none">
</div>
<div id="yiv9182836330yui_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="yiv9182836330yui_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="yiv9182836330yui_3_16_0_ym19_1_1484962244645_25319">this by sending a Pd message within a patch.<br clear="none">
</div>
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_25320"><br clear="none">
</div>
</div>
<div id="yiv9182836330yui_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="yiv9182836330yui_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="yiv9182836330yui_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="yiv9182836330yui_3_16_0_ym19_1_1484962244645_25323">like that yet.</div>
<div dir="ltr" id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_25324"><br clear="none">
</div>
<div dir="ltr" id="yiv9182836330yui_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="yiv9182836330Signature"><font size="2" face="Courier New, Courier, Monospace">Mensaje telepatico asistido por maquinas.</font>
</div>
<br clear="none">
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24823" style="color:rgb(0,0,0);">
<div class="yiv9182836330yqt6281836238" id="yiv9182836330yqtfd93143">
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_24822">
<div id="yiv9182836330yui_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="yiv9182836330yahoo_quoted" id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_4217" style="display:block;">
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_4216" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_4215" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div class="yiv9182836330y_msg_container" id="yiv9182836330yui_3_16_0_ym19_1_1484962244645_4220">
<br clear="none">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="yiv9182836330yqt6281836238" id="yiv9182836330yqtfd85481"></div>
</div>
<div class="yiv9182836330yqt6281836238" id="yiv9182836330yqtfd29080"></div>
</div>
</div>
<br clear="none">
<br clear="none">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="yiv9182836330yqt1801189384" id="yiv9182836330yqtfd37988"></div>
</div>
<div class="yiv9182836330yqt1801189384" id="yiv9182836330yqtfd09558"></div>
</div>
</div>
<br clear="none">
<br clear="none">
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div></div><br><br></div> </div> </div> </div></div></body></html>