Как мне сделать текстурную сетку в градациях серого в three.js?

Question

Я хотел бы, чтобы текстурный объект отображался в оттенках серого при нажатии кнопки, а затем сохранял свой первоначальный цвет после повторного нажатия кнопки. Как бы я пошел по этому поводу?

Answer 1

Существует несколько подходов к решению этой проблемы. Вероятно, самый простой - подготовить вторую версию текстуры в оттенках серого. При нажатии кнопки вы просто меняете текстуры.

Другой вариант - использовать простой эффект постобработки, как в следующем live demo . Однако это изменит внешний вид всей сцены, а не только одного объекта. Вам нужна более продвинутая постобработка, такая как OutlineEffect , если вы хотите манипулировать только определенными объектами.

Также возможно усовершенствовать существующий материал, чтобы вы могли равномерно контролировать преобразование конечного цвета в значение в градациях серого. Форма будет простым целочисленным значением, представляющим вкл / выкл.

// -