使用偏移旋转Alpha(THREE.JS R76)

时间:2016-05-05 16:07:21

标签: javascript three.js offset alpha

我正在做一个带有圆柱和旋转纹理的虫洞。

见这里:http://learningthreejs.com/blog/2012/01/11/tunnel-effect/

现在我的纹理像这样旋转......

 tunnel.material.map.offset.y += 0.01;
 tunnel.material.map.offset.x += 0.005;

这样可以正常工作,直到我添加我的alpha贴图(想要查看隧道中的间隙)。

我以为我可以像这样做......

tunnel.material.alphaMap.offset.y += 0.01;
tunnel.material.alphaMap.offset.x += 0.005;

不幸的是,这没有效果 - 没有效果......而转动气缸则不会产生预期的效果。

1 个答案:

答案 0 :(得分:1)

啊,事实证明我已经将边缘夹在主纹理上,但忘了在alpha纹理上做到这一点。它按预期工作,很简单;

var cylTexture = loader.load("wormhole.jpg"),
        cylAlpha = loader.load("wormholeAlpha2.jpg");
        cylTexture.wrapT = THREE.RepeatWrapping;
        cylTexture.wrapS = THREE.RepeatWrapping;
        cylAlpha.wrapT = THREE.RepeatWrapping;
        cylAlpha.wrapS = THREE.RepeatWrapping;