直接上代码<!DOCTYPEhtml><html><head><title>suc</title><metahttp-equiv="Content-Type"content="text/html;char
网页上渲染全景图片，足不出户带你赏风景看户外引言因为前面几篇文章都说明了three.js实现的web端的3维渲染，而且有相对应的demo。接下来将一个基于three.js的插件实现全景图片的渲染，Photo Sphere Viewer（基于three.js的web全景渲染插件） 带你足不出户赏风景。
一款集成three.js完成的web端360全景图片渲染插件Panolens
辅助坐标系的问题varaxesHelper=newTHREE.AxesHelper(10000);刚初始化坐标系后在浏览器里面看到的不是立体图形，可能只有一条线或者两条，并不是立体的，这个时候就要检查自己的照相机参数设置了，camera的参数影响整个视觉，举个例子：varcamera=newTHRE
常用几何体概念所有几何体的基类分为Geometry和BufferGeometry两大类，两类几何体直接可以相互转化。注：以下所有示例材质（材质的具体概念下次再讲）选用均建议用如下：//第一个参数是几何体颜色 第二个为网格 线框展示 图形容易观察const material = new THREE.
场景（scene）场景是所有物体的容器varscene=newTHREE.Scene();相机（camera）"相机决定了场景中那个角度的景色会显示出来。相机就像人的眼睛一样，人站在不同位置，抬头或者低头都能够看到不同的景色。场景只有一种，但是相机却又很多种。和现实中一样，不同的相机确定了
