A-Frame .png透明度

aframe

2017-05-12 192 views -1 likes

-1

在Firefox中.png文件採用它們前面的背景顏色。在空間移動相機時，如果背景爲白色，則透明區域爲白色。另外，如果兩個png直接在對方前面，我會產生閃爍的效果。我在使用最新版本的Firefox的窗口中。我應該使用.gif文件而不是.png嗎？A-Frame .png透明度

來源

2017-05-12 Steven Luiting

你能提供的示例代碼（用的jsfiddle，CodePen，或毛刺）？我想你可能需要將'material.alphaTest'設置爲'0.5'。 – ngokevin

謝謝，凱文。這是我認爲的圖層排序。我會上傳併發送鏈接。我也有一個標誌「電纜名人堂」的另一個問題，我正在研究的背景是黑色的問題，並且隨着相機移動到標識，除了基本形狀外無法看到任何背後的東西但是圖像和其他圖像文件是隱藏的。我將設置一個Glitch帳戶。但是，一個很好的例子是：http://cablecenter.org/vr/chof2017/你可以看到png文件看起來像是一個黑色背景的jpg文件。它採取了現場的顏色。 –

此外，看看雪粒子是如何在建築物的png後面進行的，但是訂購的實體在png前面？ http://cablecenter.org/vr/snow-test/ –

回答

A框架的主分支公開material.alphaTest屬性，您可以將其設置爲0.5以解決此透明度問題。

如果你想留在0.5.0，解決方法是：

AFRAME.registerComponent('alpha-test', { 
    dependencies: ['material'], 

    init: function() { 
    var material = this.el.getObject3D('mesh').material; 
    material.alphaTest = 0.5; 
    material.needsUpdate = true; 
    } 
});

然後：

<a-image id="yourCOFHOFimage" alpha-test></a-image>

來源

2017-05-12 22:34:38 ngokevin

謝謝，凱文！我將開始使用主版本，直到6.0出來。爲了暴露主人的阿爾法我做到這一點？？另外，這是我與建築物.png和粒子的問題嗎？儘管粒子在3D前面，但雪粒仍留在建築物後面。 http://cablecenter.org/vr/snow-test/ –

解決了我自己的問題與a幀粒子組件。它以HTML順序從上到下呈現。因此，場景的最後一行需要加載器實體： –

相關問題

11. 修復PNG透明度IE
12. Winforms半透明PNG半透明PNG
13. GD透明PNG
14. glFog導致透明PNG失去透明度
15. 將透明PNG轉換爲JPG時覆蓋透明度顏色
16. 覆蓋png中的透明度也使背景透明
17. PHP：添加透明PNG到不透明度的JPEG
18. IE GIF/PNG透明度問題與jQuery
19. Android透明度不適用於PNG
20. PNG透明度作爲背景頭
21. IE6問題中的PNG透明度
22. 透明度問題與PNG圖像
23. 從PNG到BitmapImage。透明度問題。
24. ie6中的PNG透明度幫助！
25. wx.StaticBitmap - 簡單的透明度（mask，png，bmp？）
26. Canvas.drawBitmap（）不顯示PNG透明度
27. PNG透明度和接觸在android
28. PHP - 水印PNG透明度/阿爾法
29. 如何讓Tkinter支持PNG透明度？
30. 具有透明度PNG圖像中IE9