Solved the issue with Pan y-axis inverted in frameBuffer.

[perminder-17]

Resolves #6538

Changes:

https://editor.p5js.org/aman12345/sketches/Fu-bC-xWm

[perminder-17]

I am not entirely sure if this was supposed to be done here. @davepagurek

[davepagurek]

I believe now it's inverted if you aren't using a framebuffer:

let layer;
function setup() {
  createCanvas(400, 400, WEBGL);
  layer = createFramebuffer();
}

function draw() {
  // layer.begin();
  orbitControl();
  background(220);
  sphere(150);
  // layer.end();
  // image(layer,-width/2,-height/2)
}

I think rather than multiplying by -1, we should be multiplying by the yScale property of the active camera, which will be -1 for framebuffers but 1 for the main canvas camera.

[davepagurek]

Is there a reason for accessing the projection matrix rather than using cam.yScale?

[perminder-17]

Sorry, i just confused with the y-scale. now i have done the changes. it's working fine as you told

[perminder-17]

I guess both have the same sign?

[davepagurek]

Right, I think the yScale value is used in creating the projection matrices. In the end I think they should be equivalent, but it's maybe just more readable to see a value like yScale than an index into a matrix.

[perminder-17]

Ok, Got it now. Thanks

[davepagurek]

I think this works, although we probably could remove the brackets for legibility. Just to confirm, is your sketch updated with the latest version of the code? The sketch seems to work well

[perminder-17]

I think this works, although we probably could remove the brackets for legibility. Just to confirm, is your sketch updated with the latest version of the code? The sketch seems to work well

yes..my code is up to date

[davepagurek]

Looks good then, thanks!

[perminder-17]

Thank you for catching mistakes. I decided to use a projection matrix because it was working, and I just thought if yscaling cause any issues further.