Изменение фона three.js на непрозрачность .5

Question

Хорошо. Итак, я пытаюсь сделать фон canvas / three.js таким, чтобы он был похож на opacity:.5 Я могу сделать его полностью прозрачным с помощью new THREE.WebGLRenderer( { alpha: true } );

, но это не то, чтоЯ ищу, что хочу видеть позади рендера (фон холста), чтобы я мог видеть тело / html страницы ниже, но сохранить объекты в рендере opacity:1.

Есть идеи?Спасибо!

Answer 1

Вы можете попытаться установить чистый цвет и альфа-значение средства визуализации, как показано ниже, чтобы иметь больше контроля над тем, как отображается фон:

const renderer = new THREE.WebGLRenderer( { alpha: true } );
renderer.setClearColor( color );
renderer.setClearAlpha( 0.5 );

https://jsfiddle.net/vr648d3z/1/