绠€浠嬪湪涓婁竴绡囨枃绔犱腑锛屾垜浠娇鐢╰hree.js瀹炵幇浜嗕竴涓鍥剧墖瑕嗙洊鐨勭悆浣撱€傛垜浠敤three.js瀹炵幇浜嗕竴涓?D鏃嬭浆鐞冧綋銆傚湪杩欑瘒鏂囩珷涓紝鎴戜滑绋嶅井淇敼涓€涓嬩唬鐮侊紝瀹炵幇涓€涓叏鏅浘鐗囬瑙堢殑渚嬪瓙銆傛湰鏂囧皢浣跨敤three.js鍜屾彃浠跺疄鐜?绉峝emomo&&浠ｇ爜1.three.js瀹炵幇馃敆2.鐢↗eremyHeleine/Photo-Sphere-Viewer鎻掍欢瀹炵幇馃敆3.鐢╩istic100/Photo-Sphere-瀹炵幇鏌ョ湅鍣ㄦ彃浠娥煍楃ず渚嬩唬鐮佸湴鍧€锛坓itee锛夝煍楌煔ㄥ惎鍔ㄩ」鐩渶瑕侀潤鎬佹湇鍔″櫒馃毃浠ヤ笅绀轰緥鍙睍绀哄叧閿唬鐮侊紝瀹屾暣浠ｇ悊鍙互鍘讳粨搴撴煡鐪媓eight=window.innerHeight;consttextureLoader=newTHREE.TextureLoader();//scenevarscene=newTHREE.Scene();//cameravarcamera=newTHREE.PerspectiveCamera(45,width/height,0.1,10000);.position.y=0;camera.position.z=500;scene.add(鐩告満);鍒涘缓涓€寮犲浘鐗囧拰涓€涓悆浣撹繖閲屼负浜嗗疄鐜板叏鏅紝鐞冧綋鐨勫崐寰勫彲浠ラ€傚綋鐨勫仛澶т竴鐐癸紝鏈夊叏鏅殑鎰熻//imgTexturevarimgTexture=textureLoader.load("./park.jpg");imgTexture.minFilter=THREE.LinearFilter;imgTexture.magFilter=THREE.LinearFilter;imgTexture.format=THREE.RGBFormat;varcubeGeometry=newTHREE.SphereGeometry(500,60,40);varsphereMat=newTHREE.MeshBasicMaterial({map:imgTexture});sphereMat.side=THREE.BackSide;varcube=newTHREE.Mesh(cubeGeometry,sphereMat);scene.add(绔嬫柟浣?;鍏抽敭浠ｇ爜varcubeGeometry=newTHREE.SphereGeometry(500,60,40);鎴戜滑鎶婂崐寰勬敼鎴?0鏀规垚500鍐嶇湅涓€閬嶏紝render鍜宎ddcontroller//renderervarrenderer=newTHREE.WebGLRenderer();renderer.setSize(width,height);document.body.appendChild(renderer.domElement);//controlsvarcontrols=newTHREE.OrbitControls(camera);controls.enableDamping=true;controls.dampingFactor=0.25;controls.enableZoom=false;controls.maxDistance=500;controls.minDistance=500;functionrender(){requestAnimationFrame(render);cube.rotation.y+=0.001;renderer.render(scene,camera);}render();2.鐢↗H/PSV鎻掍欢瀹炵幇鎻掍欢鍦板潃锛欽eremyHeleine/Photo-Sphere-Viewer馃敆棰勮鍦板潃馃敆瀹屾暣浠ｇ爜馃敆//html
