THREE.JS学习笔记五：场景添加天空盒子

创建天空盒子：

var path = "img/";                                //设置路径

var format = '.jpg';                              //设定格式


var urls = [
             path + 'newimg'+ format,            // left
             path + 'newimg'+ format,            // right
             path + 'newimg' + format,           // top
             path + 'newimg' + format,           // bottom
             path + 'newimg' + format,            // back
             path + 'newimg' + format           // frontp0
             
           ];

var textureCube = new THREE.CubeTextureLoader().load( urls );

 scene.background = textureCube;    

图片顺序为：[left,right,up,down,back,front]。

 

此方法在IE浏览器上无法显示，报错信息：纹理是非二次幂纹理或不是完整的 mipmap

让UI提供的6张图片的衔接位置需要平滑过渡，否则看起来就真的是一个盒子的样子，很不好看，如有需要可联系作者提供一套可用的图片。