Aframe 在框架中,如何使属性可见=";假;忽略光线投射器?
我在一个框架中有一些对象,其visible=“false”表示它们不可见,但即使您看不到它们,它们仍然可以交互。有解决办法吗 在网上发现了一些类似的案例,但没有明确的解决方案Aframe 在框架中,如何使属性可见=";假;忽略光线投射器?,aframe,Aframe,我在一个框架中有一些对象,其visible=“false”表示它们不可见,但即使您看不到它们,它们仍然可以交互。有解决办法吗 在网上发现了一些类似的案例,但没有明确的解决方案 理想情况下,如果将对象设置为visible=“false”,则用户将无法与其交互。如中所示,如果要忽略某些对象,则不应依赖可见性。正确的方法是使用对象白名单: <a-scene cursor raycaster='objects: .clickable> 你可以用小提琴来检查。单击球体以使长方体可
理想情况下,如果将对象设置为visible=“false”,则用户将无法与其交互。如中所示,如果要忽略某些对象,则不应依赖可见性。正确的方法是使用对象
白名单:
<a-scene cursor raycaster='objects: .clickable>
你可以用小提琴来检查。单击球体以使长方体可单击/不可单击
一个棘手的解决办法可能是将
比例设置为0
。元素将不可见,也不可单击
<a-entity ui-modal="triggerElement:#selection;" visible="false">
<a-image position="-0.7 -1 1" class="clickable" src="#one" scale="0.7 0.7 0" link="href:location1.html; on: click; visualAspectEnabled: false" src-fit></a-image>
<a-image position="0 -1 1" class="clickable" src="#two" scale="0.7 0.64 0" link="href:location2.html; on: click; visualAspectEnabled: false" src-fit></a-image>
<a-image position="0.7 -1 1" class="clickable" src="#three" scale="0.7 0.7 0" link="href:location3.html; on: click; visualAspectEnabled: false" src-fit></a-image>
<a-image class="clickable" src="#close" id="closing" scale="0.3 0.3 0" position="-0.5 -0.35 1.1"></a-image>
</a-entity>
<a-scene cursor raycaster='objects: .clickable>
if (condition) {
el.setAttribute('visible', 'false')
el.classList.remove('clickable')
} else {
el.setAttribute('visible', 'true')
el.classList.add('clickable')
}