WebGL - Lesen von Pixeldaten aus render-buffer

Ist es ein Weg, um die rohen pixel-Daten aus einem WebGL Rendern Puffer-oder frame-buffer, der vom Bildschirm?

Ich bin mit WebGL zu tun, einige der Bildverarbeitung, z.B. verwischen ein Bild, anpassen von Farbe, etc.
Ich bin mit der frame-buffer zu Rendern Texturen auf die volle Bildgröße, dann mit, dass die textur für die Anzeige im viewport auf eine kleinere Größe. Kann ich den pixel-Daten in einem Puffer oder textur, so kann ich mit ihm in einem normalen canvas-2d-Kontext? Oder bin ich stecken mit der änderung der viewport auf die volle Bildgröße und greifen die Daten mit Leinwand.toDataURL()?

Dank.

  • Hast du eigentlich eine Antwort auf diese? Die Antwort, die Sie markiert haben, sieht nicht, wie es eigentlich die Frage beantwortet.
  • Ich nehme an, die eigentliche Antwort ist Nein, man kann nicht die pixel-Daten aus einem Puffer. Verwenden Sie readPixels() war der nächste, den ich bekam eine Antwort, also habe ich es akzeptiert. Sollte ich unaccept, die Antwort?
  • Ich glaube nicht, dass das notwendig ist. Es sei denn, jemand bietet eine nützliche Antwort, brainjam hat indirekt Ihre Frage beantwortet. Ich war nur neugierig.
InformationsquelleAutor Sean Kent | 2011-05-30
  1. 5

    Dies ist eine sehr alte Frage, aber ich habe mir für die gleichen in three.js vor kurzem. Es gibt keinen direkten Weg zu "render" frame buffer", aber eigentlich ist es getan, indem Sie render to texture (RTT) Prozess. Ich check den framework-Quellcode und herauszufinden, die folgenden code:

    renderer.render( rttScene, rttCamera, rttTexture, true );

//...

var width = rttTexture.width;
var height = rttTexture.height;
var pixels = new Uint8Array(4 * width * height); //be careful - allocate memory only once

//...

var gl = renderer.context;
var framebuffer = rttTexture.__webglFramebuffer;
gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);        
gl.viewport(0, 0, width, height);
gl.readPixels(0, 0, width, height, gl.RGBA, gl.UNSIGNED_BYTE, pixels);
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
    InformationsquelleAutor to_masz
  2. 5

    readPixels() sollte das tun, was Sie wollen. Lesen Sie mehr in der WebGL-Spezifikation bei http://www.khronos.org/registry/webgl/specs/latest/

    • Danke, ich werde versuchen, dass. Leider aber, wie es aussieht, habe ich noch die Größe der Leinwand verändern, um die Größe, die ich Lesen möchte der Pixel. Dies führt zu einen "flash" beim verkleinern. Vielleicht mit einem separaten Kontext off-screen, dann Lesen von Pixeln aus, die funktionieren könnte...?
    • Ja, mit einer separaten offscreen-Kontext funktionieren sollte .. aber ich habe nicht versucht, diese. Auch können Sie anscheinend erstellen Hilfs-Framebuffer, die verwendet werden können für die Darstellung, aber die werden nicht angezeigt. Siehe learningwebgl.com/blog/?p=1786 für eine Erläuterung, wie man so einen framebuffer und dessen Inhalt eine textur. Hoffentlich wird Sie loslegen.
    • Ich bin mit einem framebuffer als textur in webgl-Kontext jedoch das problem das ich habe ist immer, dass Daten aus dem Zusammenhang zu verwenden, an anderer Stelle in meiner Anwendung. Ich habe die separaten off-screen-Kontext sorta arbeiten, also werde ich verfolgen, die route für heute. Danke.
    InformationsquelleAutor brainjam
Schreibe einen Kommentar