Несколько прозрачных текстур на одной грани сетки в Three.js

Можно ли в Three.js накладывать несколько текстур друг на друга на одном лице, чтобы альфа-смешивание выполнялось с ускорением графического процессора в webGL?

Текстуры (или должны быть) применены к одной и той же грани, так что нижняя текстура (текстура 1) не имеет альфа-канала, а вышеприведенные текстуры альфа-канала направлены так же, как текстура 2 в приведенном ниже примере изображения.

Это смешивание может быть достигнуто с использованием HTML5 Canvas в качестве предварительного шага, но поскольку растровые изображения текстуры могут быть огромными, я предпочитаю пропустить операции смешивания Canvas.

Я протестировал, создав копию сетки и применив одну текстуру к каждой сетке, сделал другую сетку прозрачной и немного переместил ее, что почти успешно получилось, но есть некоторое мерцание, и поскольку объекты не могут быть точно в одной и той же позиции, есть некоторые пространство между текстурами, которое не является правильным эффектом. Они должны выглядеть так, как будто они были смешаны, например. Фотошоп (как на картинке ниже).

Ответы на вопрос(1)

Ваш ответ на вопрос