<div dir="auto"><div><div class="gmail_extra"><div class="gmail_quote"><blockquote class="m_-8228289799387728157quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"></blockquote></div></div></div><div dir="auto">Leonard,</div><div dir="auto"><br></div><div dir="auto">just as an additional pointer, there have been attempts in aframe to have an interactive HTML view in 3d. I believe they were based on backprojecting mouse events from the 3d plane to the page. There is perhaps an aframe component which does this.</div><div dir="auto"><br></div><div dir="auto">Andreas</div><div dir="auto"><br></div><div dir="auto"><br></div><div dir="auto"><div class="gmail_extra"><div class="gmail_quote"><blockquote class="m_-8228289799387728157quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><br></blockquote><blockquote class="m_-8228289799387728157quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
From: Leonard Daly <<a href="mailto:Leonard.Daly@realism.com" target="_blank">Leonard.Daly@realism.com</a>><br>
To: <a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a><br>
Subject: Re: [x3d-public] Labels in 3D<br>
Message-ID: <<a href="mailto:1fd785ed-e3bb-9076-0914-ded1578d89b1@realism.com" target="_blank">1fd785ed-e3bb-9076-0914-ded15<wbr>78d89b1@realism.com</a>><br>
Content-Type: text/plain; charset="utf-8"; Format="flowed"<br>
<br>
Andreas,<br>
<br>
I had considered some of your features. I was working with the<br>
requirement that the label needed to have full HTML support so it could<br>
be modified, have control features (buttons, links, etc.) and perhaps<br>
have other media embedded in it. I suppose it might have been possible<br>
to put all of those features into a billboard-presented 3D-space label;<br>
but there was too much capability that would have needed to be recreated.<br><br>
I will keep the links as I have encountered needed to work from HTML to<br>
3D texture in the past.<br>
<br>
Leonard Daly<br>
<br>
<br>
> If the labels should live in the 3d space of the scene as bill boards,<br>
> another approach would be to render the html to a texture using these<br>
> approaches:<br>
><br>
> <a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas" rel="noreferrer" target="_blank">https://developer.mozilla.org/<wbr>en-US/docs/Web/API/Canvas_API/<wbr>Drawing_DOM_objects_into_a_can<wbr>vas</a><br>
> <a href="https://html2canvas.hertzen.com/documentation.html" rel="noreferrer" target="_blank">https://html2canvas.hertzen.co<wbr>m/documentation.html</a><br>
><br>
> x3dom can then use the canvas element directly as a texture for a<br>
> rectangle plane bill boarded next to the object to be labelled.<br>
><br>
> The leader line in this case is simply a 3d line or tube from the<br>
> object to the label rectangle.<br>
><br>
> Ideas, Andreas<br>
><br>
>     Date: Tue, 5 Sep 2017 11:51:11 -0700<br>
>     From: Leonard Daly <<a href="mailto:Leonard.Daly@realism.com" target="_blank">Leonard.Daly@realism.com</a><br>
>     <mailto:<a href="mailto:Leonard.Daly@realism.com" target="_blank">Leonard.Daly@realism.<wbr>com</a>>><br>
>     To: X3D Public <<a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a> <mailto:<a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a>>><br>
>     Subject: [x3d-public] Labels in 3D<br>
>     Message-ID: <<a href="mailto:9965f0da-0842-772f-a3b1-131af3f167b0@realism.com" target="_blank">9965f0da-0842-772f-a3b1-131af<wbr>3f167b0@realism.com</a><br>
>     <mailto:<a href="mailto:9965f0da-0842-772f-a3b1-131af3f167b0@realism.com" target="_blank">9965f0da-0842-772f-a3<wbr>b1-131af3f167b0@realism.com</a>>><br>
>     Content-Type: text/plain; charset="utf-8"; Format="flowed"<br>
><br>
>     This is mostly for Nicholas and Vince who expressed an interest in<br>
>     labeling things in 3D where the labels had the capability of HTML to<br>
>     include various fonts, styles, text, graphics, links, etc.<br>
><br>
>     I would like to know if these types of labels meet your needs or<br>
>     something else is needed.<br>
><br>
>     This is using my testbed (XSeen). The example is at<br>
>     <a href="http://realism.com/XSEEN/test/labels.html" rel="noreferrer" target="_blank">http://realism.com/XSEEN/<wbr>test/labels.html</a><br>
>     <<a href="http://realism.com/XSEEN/test/labels.html" rel="noreferrer" target="_blank">http://realism.com/XSEEN/tes<wbr>t/labels.html</a>>.<br>
><br>
>     All labels are done in HTML. The lines connecting the label to the 3D<br>
>     object is done in 3D space. The labels retain their screen position as<br>
>     the camera is moved. There are three types of labels illustrated<br>
>     in the<br>
>     example -- fixed, relative, and draggable.<br>
><br>
>     The fixed label is attached to the "monster" The label line tracks the<br>
>     local origin of the monster model.<br>
><br>
>     The relative label maintains the initial relative screen position<br>
>     to the<br>
>     projection of the (local) origin of the object. The label moves as the<br>
>     object moves. This is particularly obvious when looking from the side.<br>
><br>
>     The last label (draggable) is attached to the torus. The user may move<br>
>     the label to any position in the canvas (2D projection of the 3D<br>
>     space).<br>
>     The leader line maintains the connection from the label to the object.<br>
><br>
>     There is preliminary documentation on the tag at<br>
>     <a href="http://tools.realism.com/specification/xseen/language-definition/user-interactions/label" rel="noreferrer" target="_blank">http://tools.realism.com/spec<wbr>ification/xseen/language-defin<wbr>ition/user-interactions/label</a><br>
>     <<a href="http://tools.realism.com/specification/xseen/language-definition/user-interactions/label" rel="noreferrer" target="_blank">http://tools.realism.com/spe<wbr>cification/xseen/language-defi<wbr>nition/user-interactions/label</a><wbr>><br>
><br>
>     Caveats:<br>
>     1) The leader lines do not track well when the camera position is<br>
>     changing nor when a draggable label is being moved.<br>
>     2) Things don't work as you would expect (or hope) for the stereo<br>
>     camera.<br>
><br>
><br>
>     --<br>
>     *Leonard Daly*<br>
>     3D Systems & Cloud Consultant<br>
>     LA ACM SIGGRAPH Chair<br>
>     President, Daly Realism - /Creating the Future/<br>
>     -------------- next part --------------<br>
>     An HTML attachment was scrubbed...<br>
>     URL:<br>
>     <<a href="http://web3d.org/pipermail/x3d-public_web3d.org/attachments/20170905/01d20b36/attachment.html" rel="noreferrer" target="_blank">http://web3d.org/pipermail/x<wbr>3d-public_web3d.org/attachment<wbr>s/20170905/01d20b36/attachment<wbr>.html</a><br>
>     <<a href="http://web3d.org/pipermail/x3d-public_web3d.org/attachments/20170905/01d20b36/attachment.html" rel="noreferrer" target="_blank">http://web3d.org/pipermail/x<wbr>3d-public_web3d.org/attachment<wbr>s/20170905/01d20b36/attachment<wbr>.html</a>>><br>
><br>
>     -----------------------------<wbr>-<br>
><br>
>     Subject: Digest Footer<br>
><br>
>     _____________________________<wbr>__________________<br>
>     x3d-public mailing list<br>
>     <a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a> <mailto:<a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a>><br>
>     <a href="http://web3d.org/mailman/listinfo/x3d-public_web3d.org" rel="noreferrer" target="_blank">http://web3d.org/mailman/list<wbr>info/x3d-public_web3d.org</a><br>
>     <<a href="http://web3d.org/mailman/listinfo/x3d-public_web3d.org" rel="noreferrer" target="_blank">http://web3d.org/mailman/lis<wbr>tinfo/x3d-public_web3d.org</a>><br>
><br>
><br>
>     -----------------------------<wbr>-<br>
><br>
>     End of x3d-public Digest, Vol 102, Issue 25<br>
>     *****************************<wbr>**************<br>
><br>
><br>
><br>
><br>
> --<br>
> Andreas Plesch<br>
> Waltham, MA 02453<br>
><br>
><br>
> ______________________________<wbr>_________________<br>
> x3d-public mailing list<br>
> <a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a><br>
> <a href="http://web3d.org/mailman/listinfo/x3d-public_web3d.org" rel="noreferrer" target="_blank">http://web3d.org/mailman/listi<wbr>nfo/x3d-public_web3d.org</a><br>
<br>
<br>
--<br>
*Leonard Daly*<br>
3D Systems & Cloud Consultant<br>
LA ACM SIGGRAPH Chair<br>
President, Daly Realism - /Creating the Future/<br>
-------------- next part --------------<br>
An HTML attachment was scrubbed...<br>
URL: <<a href="http://web3d.org/pipermail/x3d-public_web3d.org/attachments/20170910/93d28126/attachment-0001.html" rel="noreferrer" target="_blank">http://web3d.org/pipermail/x3<wbr>d-public_web3d.org/attachments<wbr>/20170910/93d28126/attachment-<wbr>0001.html</a>><br>
<br>
------------------------------<br>
<br>
Subject: Digest Footer<br>
<br>
______________________________<wbr>_________________<br>
x3d-public mailing list<br>
<a href="mailto:x3d-public@web3d.org" target="_blank">x3d-public@web3d.org</a><br>
<a href="http://web3d.org/mailman/listinfo/x3d-public_web3d.org" rel="noreferrer" target="_blank">http://web3d.org/mailman/listi<wbr>nfo/x3d-public_web3d.org</a><br>
<br>
<br>
------------------------------<br>
<br>
End of x3d-public Digest, Vol 102, Issue 33<br>
******************************<wbr>*************<br>
</blockquote></div><br></div></div></div>