title: Webgl Framebuffer low Picture - Quality
body: <p>My framebuffer has very low picture- quality (Android). What can I do to get better quality? Hier is a screen shot:</p>
  
  <p><img src="https://i.stack.imgur.com/UaZ2C.png" alt="enter image description here"></p>
  
  <p>Hier is a part of my code:</p>
  
  <pre><code>RenderingEngine.prototype.getPixel = function(x, y, drawObjects){
  var framebuffer = gl.createFramebuffer();
  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
  framebuffer.width = this.canvas.width;
  framebuffer.height = this.canvas.height;
  
  var depthBuffer = gl.createRenderbuffer();
  gl.bindRenderbuffer(gl.RENDERBUFFER, depthBuffer);
  
  // allocate renderbuffer
  gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, framebuffer.width, framebuffer.height);  
  
  // attach renderebuffer
  gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, depthBuffer);
  
  var colorBuffer = gl.createRenderbuffer();
  gl.bindRenderbuffer(gl.RENDERBUFFER, colorBuffer);
  // allocate colorBuffer
  gl.renderbufferStorage(gl.RENDERBUFFER, gl.RGBA4, framebuffer.width, framebuffer.height);  
  
  // attach colorbuffer
  gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.RENDERBUFFER, colorBuffer);
  
  if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) != gl.FRAMEBUFFER_COMPLETE) {
     alert("this combination of attachments does not work");
  }
  
  gl.clearColor(1, 1, 1, 1); 
  gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
  
  renderingEngine.draw(drawObjects);
  var pixel = new Uint8Array(4);
  gl.readPixels(x, this.canvas.height - y, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, pixel);
  gl.bindFramebuffer(gl.FRAMEBUFFER, null);
  gl.bindRenderbuffer(gl.RENDERBUFFER, null);
  return pixel;
   }
  </code></pre>