aframe-websurfaces
aframe-websurfaces copied to clipboard
Websurface positioning in nested entities
When constructing en entity like so, the websurface component does not align to the parent entity. If you translate the parent, the children object translate, but the websurface does not.
<a-entity
position="-3.5 0 0"
rotation="0 90 0"
scale="1.75 1.75 1.75"
gltf-model="/objects/example.glb"
material="color: #ffffff; metalness: 1; roughness: 0.05;"
>
<a-image
src="/objects/image.jpg"
position="0 1.1 0"
rotation="0 0 0"
scale="0.66 0.5 0.5"
>
</a-image>
<a-entity
class="clickable"
websurface="url: example.site.com"
position="0 0.6 0"
rotation="-14 0 0"
geometry="primitive: plane; width: 2"
scale="0.35 0.52 0.46"
>
</a-entity>
</a-entity>
Tested with Aframe 1.2.0