Three.js webgl运动检测:闪烁输出

Three.js webgl运动检测:闪烁输出,three.js,glsl,webgl,motion-detection,Three.js,Glsl,Webgl,Motion Detection,尝试使用WebGL/Three.js执行简单的帧减法 当前演示: 着色器在此: 输出似乎每隔一帧闪烁/渲染一次。我假设这是animate()中帧缓冲区交换的问题,但似乎找不到问题: if ( video.readyState === video.HAVE_ENOUGH_DATA ){ prevTexture.image.data = videoTexture.image.data; videoContext.drawImage(video, 0, 0,SCREEN_WIDTH,

尝试使用WebGL/Three.js执行简单的帧减法

当前演示:

着色器在此:

输出似乎每隔一帧闪烁/渲染一次。我假设这是
animate()
中帧缓冲区交换的问题,但似乎找不到问题:

if ( video.readyState === video.HAVE_ENOUGH_DATA ){
    prevTexture.image.data = videoTexture.image.data;
    videoContext.drawImage(video, 0, 0,SCREEN_WIDTH,SCREEN_HEIGHT);
    videoTexture.image.data = new Uint8Array(videoContext.getImageData(0,0,SCREEN_WIDTH, SCREEN_HEIGHT).data);
    if(prevTexture.image.data.length) {
      prevTexture.needsUpdate = true;
    }
    videoTexture.needsUpdate = true;
  }