Pan y-axis inverted in frameBuffer

[wagedu]

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Build Process
• Unit Testing
• Internalization
• Friendly Errors
• Other (specify if possible)

p5.js version

1.8.0

Web browser and version

Any

Operating System

Any

Steps to reproduce this

Steps:

1. Use framebuffer with orbitControl inside
2. Drag clicking right mouse button

Snippet:

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)
}

[davepagurek]

Cameras on framebuffers will have yScale = -1:

p5.js/src/webgl/p5.Framebuffer.js

Line 30 in 17304ce

this.yScale = -1;

So we probably just need to multiply by that property of the active camera when updating using oribtControl

[perminder-17]

https://editor.p5js.org/aman12345/sketches/89htfYFM8

Is this the expected behaviour? Shall I make PR?

[davepagurek]

That looks good to me @perminder-17!

[perminder-17]

That looks good to me @perminder-17!

Let me make a PR then.