我怎样才能写这个正常的着色器，使它绕过controlnet https://jsfiddle.net/lunchie/mpuanxL3/4/的预处理器

skinnedMesh.material = new THREE.ShaderMaterial( {
        vertexShader: [
              '#include <skinning_pars_vertex>',
              'varying vec3 vNormal;',
    
              'void main() {',
    
                '#include <skinbase_vertex>',
                '#include <begin_vertex>',
                '#include <skinning_vertex>',
                '#include <project_vertex>',
    
                'mat4 skinMatrix = boneMatX * skinWeight.x + boneMatY * skinWeight.y + boneMatZ * skinWeight.z + boneMatW * skinWeight.w;',
                'vNormal = (skinMatrix * vec4(normal, 0.0)).xyz;',
              '}'
               ].join( '\n' ),
               fragmentShader: [
                 'varying vec3 vNormal;',
                 'void main() {',
                 '       gl_FragColor = vec4(abs(vNormal), 1.0);',
                 '}'
               ].join( '\n' ),
             skinning: true
        } );

它看起来和controlnet用于法线的格式不一样，它给出的图像像