现在学习也不晚

简介新的开始代表一个新的阶段。从一个用户到一个开发者，这就是我所处的阶段的转变。接触全景也快一年了，在这一年了，从无知到有知，再到明白一些原理。再到学习three.js，每一天都成长一点点，日积月累，不放弃，终究会成才。本案例内容上面说了一些废话，我发现每创建一个目录，第一节都会说点感慨。下面开始介绍一下本目录制作的框架以后会更新的东西： - 全景图类型：六张图或一整张图的导入

简介一般网页中使用的全景图为两种，一种是由六张正方形图片组成的，另一种就是一整张的宽高比为2比1的全景图片。前面，第一节的案例就是一个六张正方形。今天我就实现一整张的案例文件引入。实现思路一张全景图都是这样的 这是一张three.js官方的全景图片。我们通过这张全景图实现全景查看。 首先我们需要一个球体的网格var geometry = new THREE.Sphe

简介本全景前期是使用六张图片拼成的一个立方体，天空盒类型的。相机的位置处于0，0，0的位置，外面设置了一个长宽高都为200的立方体盒子。只要有相应的照片，把视角封闭在一个相对封闭的空间中，我们查看的效果，就达到了全景图的效果。案例我写了一个由六个不同颜色的纹理组成的图片拼接出来的盒子，可以清楚的查看出来效果。地址：https://johnson2heng.github.io/panorama/exa

简介我们实现全景的方法就是将全景图片获取成功后直接替换掉material.map的img对象，然后再告知three.js它的material.map更新了，然后就实现了场景图的替换。简单示例 setInterval(function () { var material = mesh.material; index++; if(ind