CubeCamera Render Target Displaying Random Texture

[lambocorp]

Description

My scene has a cube in it.
That cube's material.map is displaying a render target's texture.
A CubeCamera updates that texture every N frames.

// Add a cube to the scene
const box = new Mesh(new BoxGeometry(), new MeshStandardMaterial())
const rt = new WebGLCubeRenderTarget()
// Visualize the render target
box.map = rt.texture;

This is all in cube-camera-utils.js.
You can see the texture updating, but if you zoom around a bit, at a certain angle the texture displayed swaps to just be the plant texture -- which is not supplied to the box material in any way.

What exactly is happening here? It seems like when the object intersects the camera frustum's near plane it may cause this behavior.

Attached:
(1) The cube displaying the render from cube camera, as expected (6 faces and then mipmaps)
(2) The same cube after scrolling the mouse wheel to zoom when the image displayed switches.

r176, Chrome, Linux desktop

https://codesandbox.io/p/sandbox/pensive-moon-r8fm9c

Reproduction steps

Code

// code goes here

Live example

• code-sandbox-latest-release WebGLRenderer

Screenshots

Version

0.176.0

Device

Desktop

Browser

Chrome

OS

Linux

[Mugen87]

I'm afraid I don't understand the code. It is invalid to assign a cube render target or PMREM to the map property of a material.

When using a PBR material like MeshStandardMaterial, you can assign an environment map to the envMap property or Scene.environment.

[lambocorp]

@Mugen87 Did you look at the example? It assigns a texture to the map property of a material. I don't see what would be invalid about that.

[Mugen87]

I only see this line:

box.material.map = window.cubeRenderTarget.texture;

That isn't correct.

[lambocorp]

What makes that incorrect, compared to setting the property to some other texture variable? I am visualizing the texture by putting it on an object in the scene...

[Mugen87]

The cube map (which is internally a PMREM for PBR materials) will not be sampled correctly.

[lambocorp]

Please extend a good faith effort at reading my post and understanding the intent of the demo. I do not see the relevance in your statement. I have the cube map. I want to just see what the texture contains. I put it on a cube to look at it. It appears to be displaying fine on that cube, I could have put it on a plane, or a sphere, or whatever it doesn't matter.

[Mugen87]

I put it on a cube to look at it.

If you want to debug a PMREM, do it like in: https://threejs.org/examples/webgl_materials_envmaps_exr

Also note that your app produces WebGL warnings:

WebGL: INVALID_OPERATION: bindTexture: textures can not be used with multiple targets

At GitHub, we do not debug application level code. You have not demonstrated a bug so far so I suggest you use the forum or stackoverflow to get further help.