useFBO abstraction

[alvarosabu]

Description

As a Developer using TresJS I would like to have a composable useFBO that leverages the effort of creating a THREE.WebGLRenderTarget

const target = useFBO({ stencilBuffer: false })

Drei's https://github.com/pmndrs/drei/blob/master/src/core/useFBO.tsx

Reference: https://github.com/pmndrs/drei/tree/master#usefbo

Suggested solution

Implement a composable that accepts:

• width
• height/
• samples // Defines the count of MSAA samples. Can only be used with WebGL 2. Default: 0
• depth // If set, the scene depth will be rendered into buffer.depthTexture. Default: false

And returns the renderTarget, The rendertarget should be automatically disposed when unmounted.

Alternative

No response

Additional context

No response

Validations

• [X] I agree to follow this project's Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[kekkorider]

Any update on this? 🙂

[JaimeTorrealba]

@kekkorider Would you like to take this?

[kekkorider]

I can give it a try 🤓

[JaimeTorrealba]

@kekkorider fantastic! We're here to help, so please feel free to contact me in discord (Io anche parlo italiano) or Alvaro