Three.js反转鱼眼效果着色器或WebVR失真

Question

我试图用鱼眼镜头扭曲视频并应用于半球，使用一个自定义动作相机进行180度VR效果。我一直在尝试使用Reverse Distortion Shader和现在的WebVR。

我看到有一个 Distortion feature   在WebVR中，但我找不到任何文档

镜片是220度，所以我把球体做了220度。

球体就是这样构建的

var geometry = new THREE.SphereGeometry( 200,100,100, 0, 220 * (Math.PI / 180), 0, Math.PI);

var video = document.createElement( 'video' );
    video.loop = true;
    video.crossOrigin = 'anonymous';
    video.preload = 'auto';
    video.muted = true;
    video.src = "http://video-processing.s3.amazonaws.com/example.MP4";
    video.play();

var texture = new THREE.VideoTexture( video );
    texture.minFilter = THREE.NearestFilter;
    texture.magFilter = THREE.LinearFilter;
    texture.format = THREE.RGBFormat;

扭曲的视频位于此codepen中，并带有我从here获得的着色器 我想扭曲视频，使其看起来更像this

我尝试了一些方法，包括调整顶点等。上面是尝试使用鱼眼失真着色器并尝试反转效果。

我玩过这些数字，包括尝试使用否定数字，但无法获得我想要的效果。

这是正确的方法吗？有谁知道如何诋毁这种观点？