Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Three.js反向鱼眼效果着色器或WebVR失真_Javascript_Three.js - Fatal编程技术网

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

Javascript Three.js反向鱼眼效果着色器或WebVR失真,javascript,three.js,Javascript,Three.js,我试图用鱼眼镜头扭曲视频镜头,并将其应用到半球上,用一个定制的动作摄像机实现180度的虚拟现实效果。我一直在尝试使用反向失真着色器,现在是WebVR 我看到有一个 在WebVR中,但我找不到任何关于它的文档 镜头是220度,所以我把球体做成了220度 球体就是这样建造的 var geometry = new THREE.SphereGeometry( 200,100,100, 0, 220 * (Math.PI / 180), 0, Math.PI); var video = document

我试图用鱼眼镜头扭曲视频镜头,并将其应用到半球上,用一个定制的动作摄像机实现180度的虚拟现实效果。我一直在尝试使用反向失真着色器,现在是WebVR

我看到有一个 在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;
失真的视频是在这与我从一个着色器 我想扭曲视频,让它看起来更像

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

我玩过数字游戏,包括尝试过底片,但没有达到我想要的效果


这样做对吗?有人知道如何蔑视这种观点吗

答案不太清楚,但你应该看看这个:在哪里详细描述了这个过程。你成功地让它工作了吗?我也愿意这样做:)