javascript - 魚眼投影から 360 度ビデオを作成する方法

Question

Three.js を使用して、360 魚眼投影から 360 ビデオをレンダリングしようとしています (これがどのタイプの投影であるかを明確にするための例: http://www.huwpenson.com/wp-content/uploads/2014/ 03/FISHEYE-15.jpg )

現在、等角投影から 360 度のビデオを正常にレンダリングしています。しかし、Three.jsで投影タイプを設定する方法がわかりません

360 ビデオ プレーヤーの基本コードは次のとおりです。

var container, mesh;

            container = document.getElementById( 'container' );

            camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 1100 );
            camera.target = new THREE.Vector3( 0, 0, 0 );

            scene = new THREE.Scene();

            var geometry = new THREE.SphereGeometry( 500, 60, 40 );
            geometry.scale( - 1, 1, 1 );

            var video = document.createElement( 'video' );
            video.width = 640;
            video.height = 360;
            video.autoplay = true;
            video.loop = true;
            video.src = "textures/pano.webm";

            var texture = new THREE.VideoTexture( video );
            texture.minFilter = THREE.LinearFilter;

            var material   = new THREE.MeshBasicMaterial( { map : texture } );

            mesh = new THREE.Mesh( geometry, material );

            scene.add( mesh );

            renderer = new THREE.WebGLRenderer();
            renderer.setPixelRatio( window.devicePixelRatio );
            renderer.setSize( window.innerWidth, window.innerHeight );
            container.appendChild( renderer.domElement );