The Scene object supports any of Color, Texture, or CubeTexture as a background. I have a shader - a simple color based on the u or v value for now - that I would like to use as a background. Presumably the Scene object creates a quad at some point to paint the background on (ignoring cube texture).…

Like i said, this is the background scene, by disabling autoClear you can render your actual scene into it as you disabled depthWrite for the quad. renderer.autoClear = false; renderer.clear(); renderer.render( quadScene, quadCamera ); renderer.render( scene, perspectiveCamera );

You can render your shader on a quad (depthWrite disabled in your material) in a scene by disabling autoClear on the renderer, then your render your actual scene so you don’t need an extra frame buffer. If you only want your shader to appear you can also just render the quad like: https://codepen.io…

I like the idea, however for my app I have a live camera - OrbitControl - your description and codepen example assume a fixed camera. How does the Scene object maintain the background texture orthogonal to the camera? I am assuming it creates its own quad as support for the texture mapping. Or am I…

simple options: add the quad as a child to your camera at the camera.far * .99 distance; render your shader to the WebGLRenderTarget, and use its texture as a background.

Cool. I’ll give it a try. Cheers.

[image] Fyrestar: renderer.autoClear = false; renderer.clear(); Implemented. Works great. Thx!

Please can you share the code? I’m trying the solution, I can see quad with shader but no 3d scene over it… Thank you Michele

Hi, It’s been a while but I do have a project that uses a texture mapping shader as a background. It might be overkill: [image] GitHub - turner/cameraplane: Three.js. Attached backdrop screen filling quad... Three.js. Attached backdrop screen filling quad to camera frustum - GitHub - tu…

How do I use my own custom shader as a scene background?

Questions

mdiegoli October 21, 2021, 8:01am 11

Yes! That works for me too!
Here the WIP of my threejs game

https://geomensione.github.io/js13kgames-SPACE/v7.html

Thank you

Topic		Replies	Views
How to I use a material for scene.background rather then color or texture? Questions materials , scene	5	2446	March 12, 2019
Cube shader Bug? Questions shader-material , cube-texture	3	569	October 15, 2020
Background following perspective Questions textures , shaders	2	648	June 7, 2023
Change color of scene.background == CubeTexture Questions textures , cube-texture , background-color , background	2	669	December 15, 2022
Can Background Panorama be separate from CubeTexture Questions textures , loaders , gltf-loader	4	1019	October 5, 2020

How do I use my own custom shader as a scene background?

Related topics