使用一个纹理的三个js envMap

时间:2014-11-10 11:17:25

标签: three.js

我有一个代码:

var urls = [ 'img/effects/cloud.png','img/effects/cloud.png','img/effects/cloud.png','img/effects/cloud.png','img/effects/cloud.png','img/effects/cloud.png' ];
var textureCube = THREE.ImageUtils.loadTextureCube( urls, new THREE.CubeRefractionMapping );
var cubeMaterial3 = new THREE.MeshBasicMaterial( { color: 0xffffff, envMap: textureCube,   refractionRatio: 0.98, reflectivity:0.9 } );
mesh = new THREE.Mesh( wormholeGeom, cubeMaterial3 );
scene.add(mesh);

这成功运作并使用折射贴图插入球体。

但我不使用天空盒,而是使用一个纹理代表整个天空的天空。 是从一个纹理进行折射映射的方法吗?

不是由六个纹理组成的数组?

我试过很多想法(THREE.ImageUtils.loadTexture,THREE.SphericalRefractionMapping)但没有运气。 文档是" TODO"。

This是我的目标,但在天空中有一个纹理。在广场上使用了6个纹理来制作天空。

0 个答案:

没有答案