WebGL Fillstyle

Question

В настоящее время у меня есть холст, на котором я рисую сцену ThreeJS. Все работает нормально, однако я хотел бы отобразить прозрачную заливку поверх него.

С нормальным холстом я бы просто сделал

canvas = document.getElementById('canvas');
context = canvas.getContext('2d');

Это, конечно, не работает, потому что я использую WebGL и контекст другой. Но я пытаюсь применить fillStyle к

renderer.context

Ничего не произошло. Я проверил через консоль, и свойство действительно появляется в контексте как

WebGLRenderingContext {fillStyle: "rgba(204, 61, 202, 0.7 )", canvas: canvas#canvas, drawingBufferWidth: 475, drawingBufferHeight: 397}

Но все же, цвет не появляется.

Есть идеи, если это вообще возможно?

Ссылка на пример http://creativiii.com/

Answer 1

Я полагаю, вы можете искать

renderer.setClearColor(0xcc3dca, 0.7)
renderer.clear()