aframe: Как получить пиксели с холста

Я хочу прочитать и обработать данные пикселей, отображаемые в кадре. Я попробовал код ниже

var canvas = document.querySelector('canvas'),
params = {
    preserveDrawingBuffer: true,
},
gl = canvas.getContext('experimental-webgl', params);
var pixels = new Uint8Array(canvas.width * canvas.height * 4);
gl.readPixels(
    0,
    0,
    canvas.width,
    canvas.height,
    WebGLRenderingContext.RGBA,
    WebGLRenderingContext.UNSIGNED_BYTE,
    pixels
    );

Но массив пикселей остался 0, 0, 0, 0 Как я могу прочитать данные о пикселях на холсте? Буду признателен, если вы ответите на этот вопрос