Equirectangular Camera

[tartavull]

I got an equirectangular camera working in vanilla threejs which I'm trying to port in react-three-fiber because I love it :).

It sort of works but:

• It runs at a very low frame rate
• There are two warnings displayed on every frame.

[.WebGL-0x7ffd3fa63000]GL ERROR :GL_INVALID_FRAMEBUFFER_OPERATION : glClear: framebuffer incomplete
[.WebGL-0x7ffd3fa63000]GL ERROR :GL_INVALID_FRAMEBUFFER_OPERATION : glDrawElements: framebuffer incomplete

I would appreciate any pointers: https://codesandbox.io/s/r3f-basic-demo-forked-8xzgt?file=/src/App.js

Ignacio

[drcmda]

you can of course use any camera you want.

your problems stem from threejs/bugs in your code though, r3f github issues isn't the right place to fix them.

what's making it so slow is the color space, you can't mix linear and srgb in postprocessing in three or it will force-create the material on every frame.

the warnings came bc your buffers size is undefined.

const getCubeCamera = (size) => {
  var cubeRenderTarget = new THREE.WebGLCubeRenderTarget(size, {

...
    var cubeCamera = getCubeCamera() // size === undefined

https://codesandbox.io/s/r3f-basic-demo-forked-ky8lr?file=/src/App.js