0
我已經從六個平面實體創建了一個骰子實體。然而,當我點擊並拖動骰子實體時,而不是移動那個骰子,只會拖動單面人臉。 這可以在鏈接http://shrouded-chamber-73425.herokuapp.com/父母實體的A幀的點擊和拖動組件
我已經從六個平面實體創建了一個骰子實體。然而,當我點擊並拖動骰子實體時,而不是移動那個骰子,只會拖動單面人臉。 這可以在鏈接http://shrouded-chamber-73425.herokuapp.com/父母實體的A幀的點擊和拖動組件
而不是創建從六個平面的盒子受審的手,你應該創建一個框,並使用將呈現骰子面臨着你的材料。您可以使用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>
然後你就可以進一步優化,使每個盒子股相同的材料,所以你沒有創建一個新的每次。
紋理不顯示。源代碼位於https://github.com/prakashsinhab/falling_dices/blob/master/app/views/index.html –