2017-07-18 34 views

回答

0

而不是創建從六個平面的盒子受審的手,你應該創建一個框,並使用將呈現骰子面臨着你的材料。您可以使用three.js CubeTexture

AFRAME.registerComponent('dice-texture', { 
    init: function() { 
    var box = this.el.getOrCreateObject3D('mesh'); 

    var loader = new THREE.CubeTextureLoader(); 
    loader.setPath('/images/diceTextures/'); 
    var textureCube = loader.load([ 
     '1.png', '2.png', 
     '3.png', '4.png', 
     '5.png', '6.png' 
    ]); 

    box.material = new THREE.MeshStandardMaterial({envMap: textureCube); 
    } 
}); 

<a-entity geometry="primitive: box" dice-texture></a-entity> 

然後你就可以進一步優化,使每個盒子股相同的材料,所以你沒有創建一個新的每次。

+0

紋理不顯示。源代碼位於https://github.com/prakashsinhab/falling_dices/blob/master/app/views/index.html –