Пользовательская проблема с картой ShaderMaterial

Question

Я пытаюсь создать пользовательский ShaderMaterial, повторно используя ShaderChunks, но, похоже, возникла проблема при настройке map параметр.

В моем собственном шейдере, когда я загружаю текстуру и устанавливаю материалы map а также uniforms.map.value значение текстуры, оно не получает значения из текстуры в моем шейдере, хотя, кажется, устанавливает USE_MAP определение.

ЗДЕСЬ скрипка

В шейдере он становится зеленым, если USE_MAP определяется, но он также должен получить значение карты.
Я что-то упустил?

Ниже приведены важные биты:)

Настройте шейдер

var shaderUniforms = THREE.UniformsUtils.merge([THREE.UniformsLib[ "common" ]]);

var shaderVertex = [
  //THREE.ShaderChunk[ "common" ],
  THREE.ShaderChunk[ "uv_pars_vertex" ],
  "void main() {",
    THREE.ShaderChunk[ "begin_vertex" ],
    THREE.ShaderChunk[ "project_vertex" ],
  "}",
].join("\n");

var shaderFragment = [
  THREE.ShaderChunk[ "common" ],
  THREE.ShaderChunk[ "uv_pars_fragment" ],
  THREE.ShaderChunk[ "map_pars_fragment" ],
  "void main() {",
    "vec4 diffuseColor = vec4(1.0, 0.0, 0.0, 1.0);",
    "#ifdef USE_MAP",
    '  diffuseColor = vec4(0.0, 1.0, 0.0, 1.0);',
    '#endif',
    THREE.ShaderChunk[ "map_fragment" ],
    "gl_FragColor = diffuseColor;",
  "}",
].join("\n"); 

Создать материал

material = new THREE.ShaderMaterial({
        uniforms: shaderUniforms,
      vertexShader: shaderVertex,
      fragmentShader: shaderFragment
    });  

Добавить текстуру

function loadTexture() {
    var loader = new THREE.TextureLoader();
    loader.load(dataurl, function(texture){
    console.log('texture loaded ok');

    // What to do here to add texture (map) and update ShaderMaterial?

    // Do I have to set needsUpdate on the texture?
    texture.needsUpdate = true;
    // Do I have to set needsUpdate on the material?
    material.needsUpdate = true;

    // Seems I have to set both the uniform map value and the material map value...
    material.uniforms.map.value = texture;
    material.map = texture;

    // But still does not show the texture, though USE_MAP does seem to get defined in the shader (color changes to green).

    // Hmmmm
   });
}