Scene background not showing

[enijar]

The background prop on the scene component doesn't show the background image. I have created demos showing this for r3f and three.js below

r3f version:
https://codesandbox.io/s/mystifying-star-4jucg?file=/src/App.js

three.js version:
https://codesandbox.io/s/condescending-pine-qhjje?file=/src/index.js

[gsimone]

that would assign the background to the newly created scene object. Instead, what you want to do is add the <background as a child of the main scene. You can do that by making sure that the object doesn't have a parent.

https://codesandbox.io/s/sleepy-goodall-9qnr1?file=/src/App.js:273-333

I'm using primitive here which is just a way to declare any object using jsx, and "attach" which would do:

<myObject attach="something" />
// translates to
parent.something = myObject

So, since the <primitive doesn't have a real parent in the jsx tree other than <Canvas, it will attach to the main scene.