idTech 4顶点混合技术在three.js中

时间:2016-04-26 10:31:03

标签: three.js webgl

我想实现idTech 4引擎的顶点混合技术。我发现article解释了它,但我仍然不明白如何在three.js中这样做。我想我需要THREE.ShaderMaterial和某种着色器。谁能告诉我从哪里开始?

1 个答案:

答案 0 :(得分:1)

我认为这个问题太广泛了。您将需要阅读着色器和how they work。简洁的答案在你的片段着色器中作为输入2纹理和顶点颜色,并使用顶点颜色的alpha值在它们之间进行混合。

collisionBulletMatch

因为您正在编写着色器,但您可以拥有无​​限的变化。也许你想要4个纹理并使用顶点颜色r,g,b,a来选择每个纹理的数量。也许您需要两组不同的UV坐标,而不是像上面的例子那样。也许你想在N纹理之间进行混合,其中alpha选择0到N.

除此之外,如果您的材料不仅仅是一种颜色,还包括normap地图或其他类型的数据(高光贴图,光泽贴图......),您还需要决定如何混合它们。 / p>