Javascript Three.js反向鱼眼效果着色器或WebVR失真
我试图用鱼眼镜头扭曲视频镜头,并将其应用到半球上,用一个定制的动作摄像机实现180度的虚拟现实效果。我一直在尝试使用反向失真着色器,现在是WebVR 我看到有一个 在WebVR中,但我找不到任何关于它的文档 镜头是220度,所以我把球体做成了220度 球体就是这样建造的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
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;
失真的视频是在这与我从一个着色器
我想扭曲视频,让它看起来更像
我尝试了一些方法,包括调整顶点等。上面尝试使用鱼眼失真着色器,并尝试反转效果
我玩过数字游戏,包括尝试过底片,但没有达到我想要的效果
这样做对吗?有人知道如何蔑视这种观点吗 答案不太清楚,但你应该看看这个:在哪里详细描述了这个过程。你成功地让它工作了吗?我也愿意这样做:)