It's a great renderer and its snapy as hell but some functions won't work.

The biggest problem I have is that 'smooth' and 'noSmooth' hase no effect.

In my code I scale an image for the background, it's for a 8 bit style game, but because of the anti aliasing it looks like shit.

Also it seems like the mouseWheel function doesn't works, thats weard to.

Has any body found a work around for theese problems?

It would be nice to be able to use FX2D for that because the framerate compared to the other renderers is just impressiv.

In processing with different images/videos etc. you can see a line going through the screen

I guess, it's the default texture mode. Maybe a user already got a workaround

Any help is much appreciated.

Copy +Paste press Play

//Vertex 
String[] vertSource={"#if __VERSION__ >= 150" //check backward compatible /mobile
  , "#define attribute in"
  , "#define varying out" 
  , "#endif"
  , "#ifdef GL_ES"
  , "precision mediump float;"
  , "precision mediump int;"
  , "#endif"

  //attribute
  , "in vec4 position;"
  //uniforms
  , "uniform mat3 Ry;"
  , "uniform float pitch;"
  //varying
  , "out vec3 refDir;"

  , "void main() {"
  , "gl_Position = vec4(position.xy,0, 1.);"

  //apply Rotation Matix
  , "refDir = Ry*vec4(position.xy,1.,0).xyz;"
  , "}"
};

//Fragment
String[] fragSource={"#if __VERSION__ >= 150" //check backward compatible /mobile
  , "#define attribute in"
  , "#define varying out" 
  , "#define texture(a,b) texture2D(a,b)"
  , "#endif"
  , "#ifdef GL_ES"
  , "precision mediump float;"
  , "precision mediump int;"
  , "#endif"

  //attribute
  , "in vec3 refDir;"
  //uniforms
  , "uniform sampler2D envmap;"
  //varying
  , "out vec4 fragColor;"

  , "#define PI 3.14159273"

  , "void main () {"

  //map texture to sphere: <a href="https://github.com/mrdoob/three.js/issues/1621" target="_blank" rel="nofollow">https://github.com/mrdoob/three.js/issues/1621</a>;
  , "float lat = atan(refDir.z,refDir.x);"
  , "float lon = acos(refDir.y/length(refDir));"
  , "fragColor = texture(envmap,vec2(.5+lat/(2.0*PI),lon/PI));"
  , "}"
};

PShader shader;
PImage img;
PMatrix3D rotY = new PMatrix3D();

void setup() {
  //setup scene
  size(640, 360, P3D);

  //load frag/vert Source
  shader=new PShader(this, vertSource, fragSource);

  //load equirectangular Image
  //https://www.flickr.com/search/?l=commderiv&q=equirectangular
  String https="https://"; //processing forum resolve links automatically - workaround to avoid it
  img = loadImage(https+"c1.staticflickr.com/8/7178/7019373941_c1f2402f06_h.jpg");
}
void draw() {

  //map mouse to a range form - to
  float p=map(mouseX, 0, width, HALF_PI, -PI);

  //uncomment for 360 rotation
  //p=(float)millis()*.001f;

  //rotation to mouse
  float s=sin(p), c=cos(p);

  //uniform Rotation Matrix
  shader.set("Ry", rotY, true);

  //reset to NULL
  rotY.reset();
  //Rotation (pitch) "http://planning.cs.uiuc.edu/node102.html/
  rotY.apply(
    c, 0, s, 0, 
    0, 1, 0, 0, 
    -s, 0, c, 0, 
    0, 0, 0, 1);

  //clear
  background(0);

  //uniform texture image
  shader.set("envmap", img);

  //apply filter to scene
  filter(shader);
}

I'd like to render basic 3D shapes without any aliasing/smoothing with a PGraphics instance using the P3D renderer, but noSmooth() doesn't seem to work.

In OF I remember calling setTextureMinMagFilter(GL_NEAREST,GL_NEAREST); on a texture.

What would be the equivalent in Processing ?

Thank you, George

Was hoping anybody here could help me with this... For a project I want to pack data into a texture and use it in a fragment shader because it can potentially be a lot of data. Thing is... I need the data as floats in my shader code but I can't seem to get it right.

I wrote a little test case below which illustrates my problem. The goal of this sketch is to make the left half of the screen white and the right half of the screen black. That would be the case if the data passed via the texture would be interpreted correctly.

Tried a lot of methods to pack/unpack data, but I'm thinking I got it wrong on the processing side of things. I also noticed that when using println(pixels[0]), the value that gets printed is NOT the same as Float.floatToIntBits gives... so something get's changed.

Anyway, if anybody knows the correct way of passing float values to a shader via a texture and unpacking them from vec4 to float I would be really grateful. Thanks!

Processing sketch:

PShader shader;
PImage sampler;

void setup() {
  size(1280, 720, P2D);

  shader = loadShader("shader.glsl"); 
  shader.set("resolution",1280,720);

  // no texture interpolation
  ((PGraphicsOpenGL)g).textureSampling(3);

  sampler = createImage(2,1,ARGB);   
  sampler.loadPixels();
  sampler.pixels[0]=Float.floatToIntBits(5); // left half of screen < 1
  sampler.pixels[1]=Float.floatToIntBits(15); // right half of screen > 10
  sampler.updatePixels();

  shader.set("sampler",sampler);
}

void draw() {
  filter(shader);
}

Shader code:

                uniform sampler2D sampler;
                uniform vec2 resolution;

                const vec4 bitEnc = vec4(1.,255.,65025.,16581375.);
                const vec4 bitDec = 1./bitEnc;

                float DecodeFloatRGBA (vec4 v) {
                    return dot(v, bitDec);
                }

                void main(){
                  vec4 test = texture2D(sampler,gl_FragCoord.xy/resolution);
                  float testfloat = DecodeFloatRGBA(test);

                  if (testfloat<10){
                    gl_FragColor=vec4(0,0,0,1);
                  }
                  else{
                    gl_FragColor=vec4(1,1,1,1);
                  }
                }

I'm trying to resize an image and display it without any smoothing (mipmap, bicubic, linear or other).

The point is i want it to stay "pixelated" (sharp pixels). See picture below...

I'm using P2D.

Any ideas?

I have found other posts about this issue on the processing forum: https://forum.processing.org/one/topic/transparent-png-issue.html And of this and similar issues on openGl forums: https://opengl.org/discussion_boards/showthread.php/167808-2D-texture-problem-lines-between-textures https://opengl.org/discussion_boards/showthread.php/178038-Black-lines-at-edges-of-textures

The post on the processing forum does not have a solution (and isn't really the same problem). It seems there might be a way to fix this by adjusting OpenGL settings, but I don't know how to do that with processing. I am using OpenGL because I have to render a very large number of pixels in 3D space every frame, and I doubt other renderers will work as well. Here are some images (I scaled some of these up to show the problem, the lines are all exactly 1 pixel in the original (they seem to actual be one pixel on my retina display, not one processing pixel):

The lines in the middle of these images are added by the renderer, they are at the edge of a partially transparent image.

This is the border between two images (each drawn on a textured polygon, with uv mapping). The black line in the middle is not part of either image. That line is not on the edge of where the image is being drawn, but on the edge of the opaque part of an image. This image also has a line on the very edge.

The borders between some textures without any transparency still get weird lines.