Try this - basically, instead of using the image routine, I'm copying the pixels manually.  In this sample, I'm using a variable scaling - move the mouse across the image to change it.  Interesting, I still get smoothing in Processing.js (but not in stand-alone processing).   Here's what it looks like in Processing.js

Hard to tell without seeing the whole program, but you're doing a lot of needless memory thrashing by calling createImage() each frame.  I would suggest allocating the image once (for the largest size you need) and then reusing it.  That's what I did in my example.

Thank you, I just did that, it's still slow, and it still shows nothing.
The weird thing is that if i change all the GLGraphicsOffscreen to PGraphics, it actually works perfectly, so I don't really know what the problem is... Isn't there an easy way to just switch off every kind of oversampling/antialiasing on GLGraphics?

Just checking but... when i use PGraphics instead of GLGraphics offscreeen, I'm using the code from the begining and it actually workis just by setting noSmooth() in all the buffers. The problem is that framerate goes from 700fps down to 60fps when not using GLGraphics... I'm trying to make a little videogame, so the framerate is critical and I want to use as much of gpu acceletation as I can get.
-
http://draconiansolo.wordpress.com/

Yay, Thank you kooogy, that was the right direction. in GLGraphics you do it a little different tho.
I had to add this:

1. // as an object for everything
2. GLTextureParameters params;

1. //all this on the setup section
2.   params = new GLTextureParameters();
3.   params.format=GLTexture.COLOR;
4.   params.minFilter=GLTexture.NEAREST_SAMPLING;
5.   params.magFilter=GLTexture.NEAREST_SAMPLING;

1. //and this for drawing the image  
   
2.       GLTexture temp=GameBuffer.getTexture();
3.       temp.init(width,height,params);
4.       myBuffer.image(temp, 0, 0, drawingWidth, drawingHeight);

Works like a Charm :)
-
http://draconiansolo.wordpress.com/