11.09.2016 Three.js / WebGL - прозрачная плоскость перекрывает пересекающиеся с ней элемнеты 11.09.2016 Three.js / WebGL - прозрачная плоскость перекрывает пересекающиеся с ней элемнеты 01.03.2015 Прозрачность текстур в blender 22.02.2015 Горячие клавиши в Blender 16.02.2015 Почему зум (масштабирование) иногда не работает в Blender 13.02.2015 Как русифицировать Blender 17.03.2011 Кроссбраузерный js placeholder 22.03.2011 JS scrollbar, стилизация скроллбара
#522

Three.js / WebGL - прозрачная плоскость перекрывает пересекающиеся с ней элемнеты

В Three.js (WebGL) -  можно столкнуться с проблемой, когда прозрачная плоскость перекрывает пересекающиеся с ней элементы. Это происходит из-за того, что прозрачные поверхности не очень хорошо работают с z-буфером.

Данная проблема не является ошибкой, это стандартное поведение OpenGL (и, следовательно, WebGL).

Однако, проблема решается, тем, что у материала значение depthWrite - устанавливается в false.

Таким образом параметром depthWrite в Three.js можно отключить глубину при отрисовке 2d наложений.

Еще один способ решения этой проблему установить alphaTest материала в значение 0.5, либо пробовать изменять это значение.

01.03.2011 Вертикально раскрывающееся меню на JS СКАЧАТЬ (SD MENU V)
О сайте