Возможно ли разместить несколько текстур друг над другом на одной грани в Three.js, чтобы альфа-смешение выполнялось с помощью GPU, ускоренного в webGL?
Текстуры применяются (или должны быть) к одной и той же стороне, чтобы нижняя текстура (текстура 1) не имела альфа-канала, а приведенные выше текстуры альфа-канала были подобны текстуре 2 в примере ниже.
Это смешение может быть достигнуто с использованием HTML5 Canvas в качестве предварительного шага, но поскольку текстурные растровые изображения могут быть огромными, я предпочитаю пропускать операции смешивания холста.
Я протестировал, создав копию сетки и применив одну текстуру в ячейку, и сделал другую сетку прозрачной и немного переместил ее, что получилось почти хорошо, но есть некоторые мерцания и потому, что объекты не могут быть точно в том же положении, есть некоторая комната между текстурами, которая не является правильным эффектом. Они должны казаться, что они были смешаны, например. Photoshop (как показано ниже).