<div dir="ltr"><div class="gmail_extra"><div class="gmail_quote"><div>If the labels should live in the 3d space of the scene as bill boards, another approach would be to render the html to a texture using these approaches:</div><div><br></div><div><a href="https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas">https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas</a><br></div><div><a href="https://html2canvas.hertzen.com/documentation.html">https://html2canvas.hertzen.com/documentation.html</a><br></div><div><br></div><div>x3dom can then use the canvas element directly as a texture for a rectangle plane bill boarded next to the object to be labelled.</div><div><br></div><div>The leader line in this case is simply a 3d line or tube from the object to the label rectangle.</div><div><br></div><div>Ideas, Andreas</div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
Date: Tue, 5 Sep 2017 11:51:11 -0700<br>
From: Leonard Daly <<a href="mailto:Leonard.Daly@realism.com">Leonard.Daly@realism.com</a>><br>
To: X3D Public <<a href="mailto:x3d-public@web3d.org">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">9965f0da-0842-772f-a3b1-<wbr>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/test/<wbr>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 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 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 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/<wbr>specification/xseen/language-<wbr>definition/user-interactions/<wbr>label</a><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 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: <<a href="http://web3d.org/pipermail/x3d-public_web3d.org/attachments/20170905/01d20b36/attachment.html" rel="noreferrer" target="_blank">http://web3d.org/pipermail/<wbr>x3d-public_web3d.org/<wbr>attachments/20170905/01d20b36/<wbr>attachment.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">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/<wbr>listinfo/x3d-public_web3d.org</a><br>
<br>
<br>
------------------------------<br>
<br>
End of x3d-public Digest, Vol 102, Issue 25<br>
******************************<wbr>*************<br>
</blockquote></div><br><br clear="all"><div><br></div>-- <br><div class="gmail_signature"><div dir="ltr"><div>Andreas Plesch<br>Waltham, MA 02453</div></div></div>
</div></div>