<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"><div><span style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12pt;">> To continue on the html+css thing:</span><br></div><div class="qtdSeparateBR"><br><br></div><div class="yahoo_quoted" id="yui_3_16_0_ym19_1_1485391324867_10942" 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_1485391324867_10941"><div style="font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; font-size: 16px;" id="yui_3_16_0_ym19_1_1485391324867_10940"><div class="y_msg_container" id="yui_3_16_0_ym19_1_1485391324867_10946"><div id="yiv9141520237"><div dir="ltr" id="yui_3_16_0_ym19_1_1485391324867_10975"><div dir="ltr" id="yiv9141520237divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri, Arial, Helvetica, sans-serif;">
<div><br clear="none">
</div>
<div>> I can load html into a new patch with:</div>
<div id="yui_3_16_0_ym19_1_1485391324867_10974"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485391324867_10976">> window.open("D:/purr-data-clean/win32_inno/build/doc/1.manual/x3.htm","_self")</div>
<div id="yui_3_16_0_ym19_1_1485391324867_10993"><br clear="none">
</div>
<div id="yui_3_16_0_ym19_1_1485391324867_10994">> Relative path don't work.</div>
<div id="yui_3_16_0_ym19_1_1485391324867_10995"><br clear="none">
</div><div id="yui_3_16_0_ym19_1_1485391324867_10996">Unfortunately I'm having trouble loading local files on my Chromebook.</div><div id="yui_3_16_0_ym19_1_1485391324867_10997"><br></div><div id="yui_3_16_0_ym19_1_1485391324867_10998">Try this:</div><div dir="ltr" id="yui_3_16_0_ym19_1_1485391324867_10999">nw.Window.open("<span style="font-size: 12pt;" id="yui_3_16_0_ym19_1_1485391324867_11003">D:/purr-data-clean/win32_inno/build/doc/1.manual/x3.htm");</span></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485391324867_10999"><span style="font-size: 12pt;"><br></span></div><div dir="ltr" id="yui_3_16_0_ym19_1_1485391324867_10999"><span style="font-size: 12pt;">Hopefully the page will still load. But even if it's broken, right-click on the window and open devtools.</span></div><div><br></div><div>Now try:</div><div>var pdgui = nw.require("./pdgui.js");</div><div><br></div><div>If that works you should be able to do this:</div><div><br></div><div dir="ltr">pdgui.pdsend("pd dsp 1");</div><div><br></div>
<div>> It displays there on the patch but I cant put [objects] over it.</div>
<div><br clear="none">
</div><div>There's no way to do anything like that yet.</div><div><br></div>
<div>> This is not the best example as x3.htm has almost none CSS, but you get the idea of how cool the patch could be.</div>
<div><br clear="none">
</div><div dir="ltr">I understand what you're getting at. There are definitely a lot of possibilities here.</div><div><br></div><div id="yui_3_16_0_ym19_1_1485391324867_11121">-Jonathan</div><div id="yui_3_16_0_ym19_1_1485391324867_11122"><br></div>
<div>> Attached screenshot.</div>
<div id="yui_3_16_0_ym19_1_1485391324867_11128"><br clear="none">
</div>
<div>> Salutti,</div>
<div id="yui_3_16_0_ym19_1_1485391324867_11129">> Lucarda.</div>
<br clear="none">
<div></div>
<div id="yui_3_16_0_ym19_1_1485391324867_11130"><br clear="none">
</div>
<div id="yiv9141520237Signature"><font face="Courier New, Courier, Monospace" size="2" id="yui_3_16_0_ym19_1_1485391324867_11131">Mensaje telepatico asistido por maquinas.</font>
</div>
<br clear="none">
<br clear="none">
<div class="yiv9141520237yqt0616613408" id="yiv9141520237yqt71849"><div style="color:rgb(0, 0, 0);">
<hr style="display:inline-block;width:98%;" tabindex="-1">
<div dir="ltr" id="yiv9141520237divRplyFwdMsg"><font face="Calibri, sans-serif" color="#000000" style="font-size:11pt;"><b>From:</b> Pd-list <pd-list-bounces@lists.iem.at> on behalf of Lucas Cordiviola <lucarda27@hotmail.com><br clear="none">
<b>Sent:</b> Monday, January 23, 2017 5:14 PM<br clear="none">
<b>To:</b> Alexandre Torres Porres; pd-list@lists.iem.at; Jonathan Wilkes<br clear="none">
<b>Subject:</b> Re: [PD] Purr Data rc4</font>
<div> </div>
</div>
<div>
<div dir="ltr" id="yiv9141520237divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri, Arial, Helvetica, sans-serif;">
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<div></div>
<div><i>>> I`ll try, but never did "data structures" in Pd yet.</i></div>
<div></div>
</blockquote>
</blockquote>
<div></div>
<div><br clear="none">
</div>
<div></div>
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<div></div>
<div><i>>You can create them just like regular objects in Purr Data, and you can change the visual </i><i style="font-size:12pt;">attributes with simple Pd messages. That makes them much easier to learn.</i></div>
<div></div>
</blockquote>
<div></div>
<div><br clear="none">
</div>
<div>I`ll try.</div>
<div><br clear="none">
</div>
<div></div>
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<div></div>
<div><i>.>>> this one could be edited through “devtools”? Perhaps?</i></div>
<div></div>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<div></div>
<div></div>
<div><br clear="none">
</div>
<div></div>
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<div></div>
<div><i>>>> Yes, that's certainly possible.</i></div>
<div></div>
</blockquote>
</blockquote>
</blockquote>
<div></div>
<div><br clear="none">
</div>
<div></div>
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<div></div>
<div><i>>> So you liked the [htmlcanvas]?</i></div>
<div></div>
</blockquote>
</blockquote>
<div></div>
<div><br clear="none">
</div>
<div></div>
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<div></div>
<div><i>>I may have misunderstood. I was talking about an object to hold an html5 canvas, which </i><i style="font-size:12pt;">is a 2d drawing surface.</i></div>
<div></div>
</blockquote>
<div></div>
<div><br clear="none">
</div>
<div>I think that an [htmlcanvas] that renders html is great.</div>
<div><br clear="none">
</div>
<div></div>
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<div></div>
<div><i>>I don't see the value in putting a web page inside an object box.</i></div>
<div></div>
</blockquote>
<div></div>
<div><br clear="none">
</div>
<div>There is, and also not in an [object] box but with the natural rendering of html that Purr-Data already have. I mean the hole window of the patch.</div>
<div><br clear="none">
</div>
<div></div>
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<div></div>
<div><i>>For example-- suppose someone opens one of your patches where you have </i><i style="font-size:12pt;">ggee/image centered on the canvas. If the user has a tiny screen (like an rpi </i><i style="font-size:12pt;">touchscreen) they may try to decrease
the width of the window in order to </i><i style="font-size:12pt;">make it fit the screen. But in that case your ggee/image is no longer centered-- </i><i style="font-size:12pt;">the user would have to make an additional adjustment in edit mode to move the </i><i style="font-size:12pt;">ggee/image
to the left and manually center it again.</i></div>
<div></div>
</blockquote>
<div></div>
<div><br clear="none">
</div>
<div>Why would i use ggee/image in Purr-data? I can use <img> and I can use other file formats other than just .gif.</div>
<div>Also in this example that you give my patch could break cuz beneath that ggee/image are bangs that provide funcionality (alla hidden buttons).</div>
<div><br clear="none">
</div>
<div></div>
<blockquote style="margin:0 0 0 40px;border:none;padding:0px;">
<div></div>
<div><i>>One could poll the window width and use an external to automatically reposition </i><i style="font-size:12pt;">the ggee/image. But that's really hard, esp. compared to css which for all its faults </i><i style="font-size:12pt;">handles this issue with
elegance and ease.</i></div>
<div></div>
</blockquote>
<div></div>
<div><br clear="none">
</div>
<div>Css elegance and ease is what Purr-Data should go for, or more precisely, is already there. </div>
<div><br clear="none">
</div>
<div>Also there are a lot of things that an html/javascript could be used to talk to [receives], I guess. Which could attract “graphic designers”, how were always away from Pd and its people. This makes it more social. More urban.</div>
<div><br clear="none">
</div>
<div>>> I do.</div>
<div><br clear="none">
</div>
<div>>> I also liked he opening of html files, but probably we go back there later.</div>
<div><br clear="none">
</div>
<div>>I do, too.</div>
<div><br clear="none">
</div>
<div>Cool.</div>
<div><br clear="none">
</div>
<div>-Jonathan</div>
<div><br clear="none">
</div>
<div>Salutti,</div>
<div>Lucarda.</div>
<br clear="none">
<div></div>
<div><br clear="none">
</div>
<div id="yiv9141520237Signature"><font face="Courier New, Courier, Monospace" size="2">Mensaje telepatico asistido por maquinas.</font>
</div>
<br clear="none">
<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="yiv9141520237qtdSeparateBR"><br clear="none">
</div>
<div class="yiv9141520237yahoo_quoted" id="yiv9141520237yui_3_16_0_ym19_1_1485184522065_3209" style="display:block;">
<div id="yiv9141520237yui_3_16_0_ym19_1_1485184522065_3208" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div id="yiv9141520237yui_3_16_0_ym19_1_1485184522065_3207" style="font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:16px;">
<div class="yiv9141520237y_msg_container" id="yiv9141520237yui_3_16_0_ym19_1_1485184522065_3206">
<div id="yiv9141520237">
<div dir="ltr" id="yiv9141520237yui_3_16_0_ym19_1_1485184522065_3205">
<div class="yiv9141520237yqt8739876946" id="yiv9141520237yqtfd29169"></div>
</div>
</div>
<br clear="none">
<br clear="none">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
</div></div><br><br></div> </div> </div> </div><style type="text/css">#yiv9141520237 #yiv9141520237 -- P {margin-top:0;margin-bottom:0;}#yiv9141520237 </style></div></body></html>