A-FRAME Alpha Map

alphamap.js

// This component adds an alpha map to a mesh.

AFRAME.registerComponent('alpha-map', {
    schema: {
        src: {type: 'map'}
    },
    init: function() {
        this.el.sceneEl.systems.material.loadTexture(this.data.src, {src: this.data.src}, this.callback.bind(this));
    },
    callback: function(texture) {
        this.el.object3DMap.mesh.material.alphaMap = texture;
    }
});

// Usage:

// <a-entity material="src: #texture" alpha-map="src: #alphaMap">