<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<div class="moz-cite-prefix">Andreas,<br>
<br>
I had considered some of your features. I was working with the
requirement that the label needed to have full HTML support so it
could be modified, have control features (buttons, links, etc.)
and perhaps have other media embedded in it. I suppose it might
have been possible to put all of those features into a
billboard-presented 3D-space label; 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 3D texture in the past.<br>
<br>
Leonard Daly<br>
<br>
<br>
</div>
<blockquote type="cite"
cite="mid:CAKdk67vFM3d3rEr1WpgKKLVogsWe26F5zy7dZ0AEhFVp7TV4NQ@mail.gmail.com">
<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"
moz-do-not-send="true">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"
moz-do-not-send="true">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"
moz-do-not-send="true">Leonard.Daly@realism.com</a>><br>
To: X3D Public <<a href="mailto:x3d-public@web3d.org"
moz-do-not-send="true">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"
moz-do-not-send="true">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" moz-do-not-send="true">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" moz-do-not-send="true">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" moz-do-not-send="true">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"
moz-do-not-send="true">x3d-public@web3d.org</a><br>
<a
href="http://web3d.org/mailman/listinfo/x3d-public_web3d.org"
rel="noreferrer" target="_blank" moz-do-not-send="true">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>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
x3d-public mailing list
<a class="moz-txt-link-abbreviated" href="mailto:x3d-public@web3d.org">x3d-public@web3d.org</a>
<a class="moz-txt-link-freetext" href="http://web3d.org/mailman/listinfo/x3d-public_web3d.org">http://web3d.org/mailman/listinfo/x3d-public_web3d.org</a>
</pre>
</blockquote>
<p><br>
</p>
<div class="moz-signature">-- <br>
<font class="tahoma,arial,helvetica san serif" color="#333366">
<font size="+1"><b>Leonard Daly</b></font><br>
3D Systems & Cloud Consultant<br>
LA ACM SIGGRAPH Chair<br>
President, Daly Realism - <i>Creating the Future</i>
</font></div>
</body>
</html>