Composant Click and Drag de l'entité parente

Question

J'ai créé une entité de dés à partir de six entités planes. Cependant, quand je clique et que je fais glisser l'entité de dés, au lieu de déplacer ce dé, seul un visage dégrossi est traîné. Cela peut être essayé mains sur le lien http://shrouded-chamber-73425.herokuapp.com/

Answer 1

Plutôt que de créer une boîte à partir de six plans, vous devez créer une boîte et utiliser un matériau qui rendra les faces de dés pour vous. Vous pouvez utiliser 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> 

Ensuite, vous pouvez optimiser de sorte que chaque boîte partage les mêmes matériels que vous n'êtes pas en train de créer un nouveau à chaque fois.