Javascript a框架a实体模板>;数据透明性不起作用
当我进入虚拟模式时,我使用带有实体tempalate的.png圆角图像作为数据缩略图。。。圆角图像显示为黑色方形框(请参阅屏幕截图以了解更多信息)Javascript a框架a实体模板>;数据透明性不起作用,javascript,three.js,aframe,virtual-reality,Javascript,Three.js,Aframe,Virtual Reality,当我进入虚拟模式时,我使用带有实体tempalate的.png圆角图像作为数据缩略图。。。圆角图像显示为黑色方形框(请参阅屏幕截图以了解更多信息) 当图像应显示完全不透明的区域,而其他区域应显示完全透明的区域,但透明度在1%-99%之间时,则应在材质组件上保留默认的不透明度/透明度值(不透明度:1.0;透明:false;)。这称为“遮罩”或“切断”模式。然后,将alphaTest值设置为隐藏图像部分的阈值。您需要根据图像稍微调整该值,但在本例中,alphaTest:0.25在我看来是合理的
当图像应显示完全不透明的区域,而其他区域应显示完全透明的区域,但透明度在1%-99%之间时,则应在
材质组件上保留默认的不透明度/透明度值(不透明度:1.0;透明:false;
)。这称为“遮罩”或“切断”模式。然后,将alphaTest
值设置为隐藏图像部分的阈值。您需要根据图像稍微调整该值,但在本例中,alphaTest:0.25
在我看来是合理的
您是否尝试过材质组件上的属性?您好@Donmcurdy感谢您的及时回复,我已经尝试过material=“alphaTest:0”
但运气不佳。有没有其他的解决方案,或者如果我遗漏了什么,请告诉我……你能分享一个现场演示吗?@donmcurdy@DonMcCurdy嗨,你有机会看一下吗[link]()提前谢谢!!
<img id="subway" crossorigin="anonymous" src="images/new/subway.png">
<a-entity id="links" layout="type: line; margin: 2.5" position="-5 4.6 -4">
<a-entity template="src: #link" data-src="#expense-subway" opacity="0.5" transparent="true" rotation="0 30 0" data-thumb="#subway" class="links"></a-entity>
</a-entity>