是否有内置的方法在标准PBR着色器中分层纹理？

Question

我希望在Aframe中有类似于这个问题的效果,在单个模型上具有分层可交换纹理:

我想知道是否有一个我在Threejs中遗漏的标准流程,以便我可以继续使用标准着色器 ; 或者我是否必须将它分叉并在自定义着色器中添加多纹理功能？

谢谢!

Answer 1

您想使用three.js对材质或纹理进行分层.

这是一个支持的模式:

var geometry = new THREE.BoxBufferGeometry( 10, 10, 10 );
geometry.clearGroups();
geometry.addGroup( 0, Infinity, 0 );
geometry.addGroup( 0, Infinity, 1 );
geometry.addGroup( 0, Infinity, 2 );
geometry.addGroup( 0, Infinity, 3 );

var materials = [ material0, material1, material2, material3 ];

// mesh
mesh = new THREE.Mesh( geometry, materials );
scene.add( mesh );

小提琴:http://jsfiddle.net/o6atcaeg/

three.js r.91