Change background color

Hi,

I’m having a very simple problem that I’m not sure how to correct. I want to change the background color in css, but it’s not changing! I’m not sure if there’s something in the javascript that I need to change.

Please have a look at my JSFiddle and tell me what you see. https://jsfiddle.net/yorunii/7jrwss3k/1/

Thank you

You can use the background property of a scene object.

Updated example: https://jsfiddle.net/7jrwss3k/3/

1 Like

Thanks again! :slight_smile: I knew it had to be a property within the javascript, but I was looking at some of the examples, and it looked like CSS was used. Like this one here: https://github.com/mrdoob/three.js/blob/master/examples/webgl_animation_scene.html

Any idea why that is? Is the CSS not even necessary?

CSS does not have any effect on the clear color for buffers.

see https://developer.mozilla.org/de/docs/Web/API/WebGLRenderingContext/clearColor

Got it! Thanks.