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

【问题标题】：Rotating an Alpha with Offsets (THREE.JS R76)使用偏移旋转 Alpha (THREE.JS R76)
【发布时间】：2016-05-05 16:07:21
【问题描述】：

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

请看这里：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;

很遗憾，这不起作用 - 没有效果...而旋转圆柱体不会产生预期的结果。

【问题讨论】：

标签： javascript three.js offset alpha

【解决方案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;

【讨论】：