A框架不拾取立方體地圖

我想創建一個簡單的落骰動畫。使用下面的代碼，我試圖將立方體貼圖應用於a-box，但無法獲得所需的結果。A框架不拾取立方體地圖

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://aframe.io/releases/0.2.0/aframe.js"></script> 

    </head> 

    <body> 
     <a-scene> 
      <a-assets> 
       <a-cubemap id="sky"> 
        <img src="dice/Dice-1.png"> 
        <img src="dice/Dice-2.png"> 
        <img src="dice/Dice-3.png"> 
        <img src="dice/Dice-4.png"> 
        <img src="dice/Dice-5.png"> 
        <img src="dice/Dice-6.png"> 
       </a-cubemap> 
      </a-assets> 
      <a-entity geometry="primitive: box" material="envMap: #sky"></a-entity> 
      </a-scene> 
    </body> 
</html>

來源

2017-06-05 Prakash Bayas

據我所知，環境地圖，即使用立方體貼圖，用於提供一個球環境，或具有reflecion /折射工作，通過提供地圖上的周邊環境。

在你的情況，我會使用一個紋理<a-box>，或打造而成的平面的自定義文件夾，並相應紋理他們是這樣的：

<a-entity id="dice"> 
    <a-plane position="-0.5 0 0" rotation="0 -90 0"></a-plane> 
    <a-plane position="0.5 0 0" rotation="0 90 0"></a-plane> 
    <a-plane position="0 0.5 0" rotation="-90 0 0"></a-plane> 
    <a-plane position="0 -0.5 0" rotation="90 0 0"></a-plane> 
    <a-plane position="0 0 0.5" rotation="0 0 -90"></a-plane> 
    <a-plane position="0 0 -0.5" rotation="0 0 90"></a-plane> 

    </a-entity>

工作小提琴：https://jsfiddle.net/x8dt1jjb/。

立方體貼圖：當我從多個來源看，立方體貼圖有許多問題：像here或here

我發現一些人聲稱，立方體貼圖上的所有實體，除了第一個，看看他github，立方體貼圖正在對他的index.html

請注意，的確立方體貼圖在他的例子不工作的第一個實體，所以我的建議是抄襲他的立方體貼圖的聲明，並創建<a-entity>與應用你的envMap，但隨着規模=「0 0 0「或可見=」假「。當這樣做時，第一個實體得到'竊聽'（但不可見，所以誰在乎），你的實體應該正常工作。
對我來說正常工作，請翻轉我的來源：http://gftruj.nazwa.pl/cubemap/
請注意，您需要聲明您的立方體貼圖的面的順序，如解釋here所述。看着dice cubemap，你需要得到您的訂單直線，例如：
骰子5骰子2骰子-4，骰子-3，骰子6，骰子-1

順便說一句，我發現一個cubemap component ，雖然沒有嘗試過。

來源

2017-06-06 14:45:03

我試過了。然而，它並沒有將骰子面的紋理成功地包圍在骰子的周圍，如一個點一邊，另一邊是六個點。 –

@PrakashBayas查看我的更新，我認爲你需要在立方圖中重新排序你的面孔 –

我試着從給定的鏈接試圖立方體貼圖，骰子只顯示了三個面，即底部，左側和後部。此外，組件立方體貼圖並不與動態主體組件並行。同樣，我也無法將檢查器加載到該節點服務器上，以查找該github存儲庫中給出的任何示例。我更新了訂單，結果也沒有結果。在我沿着這些線進行研究之後，我得出結論：圍繞框或類似實體的完美立方體貼圖紋理的工作仍在進行中。 –

A框架不拾取立方體地圖

回答

相關問題